/*
Theme Name: TransX - Child
Author: Artureanec
Author URI: http://artureanec.com
Description: -
Version: 1.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: transx
*/




@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}


/* ---------------------------------- */
/* ------------ COLORES ------------- */
/* ---------------------------------- */
:root {
  --primary: hsl(230, 46%, 20%);
  --secondary: hsl(216, 26%, 96%);
  --red: hsl(0, 78%, 62%);
  --yellow: hsl(37, 98%, 53%);
  --gris: hsl(160, 14%, 96%), 1;
  --aqua: hsl(208, 100%, 34%), 1;
  --white: hsl(8, 0%, 100%), 1;
  --cyan: hsl(180, 62%, 55%);
  --orange: hsl(34, 97%, 64%), 1;
  --blue: hsl(211, 100%, 50%);
  --darkBlue: hsl(208, 100%, 34%);
  --varyDarkBlue: hsl(234, 12%, 34%);
  --grayishBlue: hsl(229, 6%, 66%);
  --veryLightGray: hsl(0, 0%, 98%);
  --weight1: 200;
  --weight2: 400;
  --weight3: 600;
  --grisTablet1: hsl(210, 15%, 96%);
  --grisTablet2: hsl(210, 17%, 98%);
}

.cyan { border-top: 3px solid var(--cyan) !important;}
.red { border-top: 3px solid var(--red) !important;}
.blue { border-top: 3px solid var(--blue) !important;}
.orange { border-top: 3px solid var(--orange) !important;}
.yellow { border-top: 3px solid var(--yellow) !important;}


/* ---------------------------------- */
/* --- TAMAÑOS TYPOGRAFIAS --------- */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6, h1.transx_heading, h2.transx_heading, h3.transx_heading,
h4.transx_heading, h5.transx_heading, h6.transx_heading {
  line-height: 1.2 !important;
  font-family: 'Inter', sans-serif;
}


h1, h1.transx_heading { font-size: 50px; }
h2, h2.transx_heading { font-size: 42px; }
h3, h3.transx_heading { font-size: 32px; }
h4, h4.transx_heading { font-size: 18px; }
h5, h5.transx_heading, h5.transx_links_list_title { font-size: 16px; }
h6, h6.transx_heading { font-size: 15px; }
p {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.7;  
}

::selection {
  background-color: var(--yellow) !important;
  color: var(--background) !important;
}

a.portela__link__yellow {
  color: var(--blue);
  text-decoration: none;
}

a:hover.portela__link__yellow {
  color: var(--yellow);
}

/* --- TABLET ---*/
@media only screen and (max-width: 768px) { 
  h1, h1.transx_heading { font-size: 36px; }
  h2, h2.transx_heading { font-size: 36px; }
}


@media only screen and (max-width: 992px) {
  h1, h1.transx_heading { font-size: 36px; }
  h2, h2.transx_heading { font-size: 36px; }
}


/* ---------------------------------- */
/* --- CONTADOR AÑOS EXPERIENCIA --- */
/* -------------------------------- */
.transx_about_counter .elementor-counter-title { font-size: 24px !important; }

/* ----------------------------- */
/* --- SERVICIOS DE TRANSPORTE---*/
/* ----------------------------- */

.elementor-image-box-wrapper {
  background-color: #ffffff;
  -webkit-clip-path: polygon(90% 0,100% 6%,100% 100%,0 100%,0 0);
  clip-path: polygon(90% 0,100% 6%,100% 100%,0 100%,0 0);
  padding: 39px 40px 50px 40px;
  -webkit-box-shadow: 10px 10px 76px -19px rgba(0,0,0,0.35);
  -moz-box-shadow: 10px 10px 76px -19px rgba(0,0,0,0.35);
  box-shadow: 10px 10px 76px -19px rgba(0,0,0,0.35);
}

.elementor-image-box-wrapper h3.elementor-image-box-title {
  font-size: 22px !important;
}

.elementor-image-box-wrapper p.elementor-image-box-description {
  text-align: justify;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;   
}

.elementor-image-box-wrapper p.elementor-image-box-description a {
  font-family: Inter, sans-serif;
  font-size: 16px;
  text-decoration: none;
  font-weight:500;
}

.elementor-image-box-wrapper p.elementor-image-box-description a:hover {
  color: #fca311;
}


.transx_dynamic_bg .elementor-widget-container:before {
  background: none !important;
}


/* ------------------- */
/* --- View Type 4 --- */
/* ------------------- */
.transx_icon_box_item.transx_view_type_4 {
  background: #ffffff;
  padding: 27px 30px 37px 40px;
  -webkit-clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(90% 0, 100% 9%, 100% 100%, 0 100%, 0 0);
}

.transx_icon_box_item.transx_view_type_4 svg.icon {
  font-size: 45px;
}

.transx_icon_box_item.transx_view_type_4 .transx_icon_box_title {
  margin: 0;
  letter-spacing: 0;
}

.transx_icon_box_item.transx_view_type_4 .transx_info_container {
  margin-bottom: 26px;
}

.transx_icon_box_item.transx_view_type_4 p {
  line-height: 1.9;
  margin-top: 0;
}


/* ---------------------------------------------------------- */
/* --- TARJETAS TIPOS PRODUCTOS SECCION SERVICIOS \ CARDS --- */
/* ---------------------------------------------------------- */

.tarjeta {
  margin: 10px;
  background: var(--veryLightGray) !important;
  border-radius: 10px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: auto;
}

.tarjeta_header figure {
	height: 135px;
	margin: 0;
	padding: 0;
	background: var(--veryLightGray) !important;
	overflow: hidden;
}


/* EFFECT HOVER IMAGE ZOOM */
.tarjeta_header img {
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100% !important;
}

.tarjeta_header:hover img {
  -webkit-transform: scale(1.3);
	transform: scale(1.3);
}    


/* FIN EFFECT HOVER IMAGE ZOOM */

.tarjeta_body {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: flex-start;
  padding: 20px;
}

.tarjeta_body p {
  font-size: 13px;
  margin: 0 0 40px;
}

.tarjeta_body h3 a{
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
  color: #414a53;
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  letter-spacing: -.6px; 
  text-align: center !important;
}

.tarjeta_body h3 a:hover {
  text-decoration: none;
  color: #fca311;
}

.card_services {
  display: flex;
  flex-direction: column;
  /*width: clamp(20rem, calc(20rem + 2vw), 22rem);*/
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  /*border-radius: 0.5em;*/
  background: #fff;
  /*background: linear-gradient(to right, #FFFFFF, #ECE9E6);*/
}  


/* --------- MOBILE VERSION (<768 -------------- */


@media only screen and (max-width: 767px) {
  .tarjeta_header figure {
	  height: 185px !important;
  }
}


@media only screen and (min-width: 768px) {
  .tarjeta_body { 
    min-height: 155px !important;
  }

  .tarjeta_header figure {
    height: 155px;
  }
}

@media only screen and (min-width: 992px) {
  .tarjeta_body { min-height: auto; }

  .tarjeta_header figure { height: 105px; }
}

@media only screen and (max-width: 1023px) { 
  .tarjeta_body { min-height: 133px; }
}

@media only screen and (min-width: 1024px) { 
  .tarjeta_body { min-height: 240px !important; }
}

@media only screen and (min-width: 1200px) {
  .tarjeta_body { min-height: 162px !important; }
}

/* --------------------------------------------- */


/* -------------------------------------------------------------- */
/* --- FIN TARJETAS TIPOS PRODUCTOS SECCION SERVICIOS \ CARDS --- */
/* -------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* ----------------------------------*/
/* ----- WIDGET CONTACTO LATERAL ----*/
/* ----------------------------------*/

.txt_widget_contact {
  font-size: 30px !important;
  line-height: 35px;
  font-weight: 700;
  color: var(--veryLightGray) !important;
  margin-bottom: 14px;
}

.transx_contact-trigger {
  color: var(--veryLightGray) !important;
  max-width: 100% !important;

}

/* --------------------------------------*/
/* ----- FIN WIDGET CONTACTO LATERAL ----*/
/* --------------------------------------*/


/* --------------------------------------*/
/* ----- FIN WIDGET CONTACTO LATERAL ----*/
/* --------------------------------------*/


form input,
form textarea {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
}


/* --------------------------------------*/
/* --------- INICIO FORMULARIOS ---------*/
/* --------------------------------------*/


.wp-block-presupuesto input[type="submit"] {
  color: var(--veryLightGray) !important;
  background-color: var(--darkBlue) !important;
  border-color: var(--darkBlue) !important;
  font-size: 15px !important;
}

input[type="submit"]:hover,
.wp-block-search button[type="submit"]:hover {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.transx_home_request_quote input [type=radio] {
  display: block !important;
  position: relative;
  float: left;
  margin: 0 0 0 20px !important;

}

/*
input[type=checkbox], input[type=radio] {
    display: none;
}
*/

.wpcf7-radio label input[type="radio"]:checked + span:before,
.transx_checkbox_label input[type="radio"]:checked + .transx_radio_mask {
  border: 2px solid var(--blue) !important ;
}

.wpcf7-radio label span:after,
.transx_checkbox_label .transx_radio_mask:after {
  background: var(--blue) !important;
}

.wpcf7-checkbox label input[type="checkbox"]:checked + span:before { 
  border-color: var(--blue) !important;
}


.question_form {
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0 10px 0px !important;
}

.transx_home_request_quote  input[type=radio] { margin: 0px 10px 0 10px !important; }
.transx_home_request_quote input[type=checkbox] { margin: 0px 10px 0 0px !important; }
.transx_home_request_quote input[type=select] { margin: 0px 0px 10px 0px !important; }
.transx_home_request_quote textarea { margin: 20px 0 20px 0 !important; }

.wpcf7-form-control-wrap input[type=file]:invalid .wpcf7-not-valid-tip:invalid {
  background: hsla(37, 98%, 53%, 0.1);
  color: aqua;
}

.campos_obligatorios {
  font-size: 13px;
  position: relative;
  float: left;
  margin: -20px 0 20px 0 !important;
}

.proteccion_datos {
  font-size: 13px;
  position: relative;
  float: left;
  margin: -10px 0 20px -10px !important;
}

/* Estilo Boton Input File */
.portelafile input[type="file"] {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}

.portelafile label::before {
  display: inline-block;
  padding: 12px 18px;
  cursor: pointer;
  border-radius: 2px;
  background: hsla(208, 100%, 34%, 1);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  content: "Subir Curriculum";
}    

.portelafile input:hover {
  background: hsla(37, 98%, 53%, 0.2);
} 

/*
input[type=file] {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
*/
/*
input[type=file] + label {
    display: block;
  position: relative;
  width: 200px;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(40deg, #ff6ec4, #7873f5);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: transform .2s ease-out;
}
*/

/* Fin Estilos Boton Input File */


textarea:focus, input:focus, select:focus, radio:focus  {
  border-color: var(--blue) !important;
}

select:before {
  border-color: var(--yellow) !important;
} 

.wpcf7-not-valid-tip {
  font-size: 13px !important;
  margin: -5px 0 10px 20px !important;
  padding: 0 0 10px 0 !important;
    
}

.consentimiento_txt {
  position: relative;
  float: left;
  margin: 10px 10px 20px 10px !important;
}

.consentimiento_txt p { font-size: 11px !important;}


/* --------------------------------------*/
/* -------- FIN FORMULARIOS -------------*/
/* --------------------------------------*/


/* ----------------------------- */
/* ---------- ICONS ----------- */
/* --------------------------- */
.transx_icon_container .icon .icon_presupuesto {
    border-color: #ffffff !important;
}

/* -------------------------------- */
/* ---------- FIN ICONS ---------- */
/* ------------------------------ */


/* ------------------------------ */
/* ---------- FOOTER ----------- */
/* --------------------------- */

.footer_widget, .footer_widget a { text-decoration: none; }

.footer_widget a:hover {
  text-decoration: none;
  color: var(--yellow) !important;
}

.footer_work a { color: var(--yellow) !important; }
.footer_work a:hover { color: var(--blue) !important; }
.transx_footer_menu_cont a { font-size: 13px; }

@media (min-width: 390px) {
  .transx_socials_widget_logo { text-align: center !important; }
  .transx_offices_list p { text-align: justify; }
  .transx_prefooter_wrapper { padding: 0px 0 0px; }
}

@media (min-width: 576px) { 
  .transx_footer_menu_2 { font-size: 13px !important; }
}

@media (min-width: 768px) {
  .transx_socials_widget_logo {
    text-align: left !important;
  }
  .transx_socials_widget_logo img {
    max-width: 80% !important;
    height: auto;
  }
  .transx_offices_list p { text-align: left; }
  .footer_type_3 .transx_footer_menu {
     justify-content: center !important;
  }

  .transx_footer_menu_2 {
    font-size: 16px !important;
    justify-content: center !important;
  }

  .footer_widget { width: 50% !important;}    
}

@media (min-width: 992px) {
  .transx_socials_widget_logo img {
    max-width: 80% !important;
    height: auto;
  }
  
  .footer_widget {
    width: 25% !important;
  }

  .transx_footer_menu_2 {
    font-size: 14px !important;
    justify-content: left !important;
  }
}

@media (min-width: 1024px) {
  .transx_footer_menu_2 {
    font-size: 14px !important;
    justify-content: left !important;
  }
}    

.transx_offices_list .transx_footer_widget_title {
  margin: 4px 0 12px !important;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}

/* ---------------------------------- */
/* ---------- FIN FOOTER ----------- */
/* -------------------------------- */


/* ------------------------------------------------ */
/* --------------- OFERTAS EMPLEOS --------------- */
/* ---------------------------------------------- */


/*Horizontal*/
.portela_jobs_h_item {
  position: relative;
  display: block;
  padding: 35px 30px 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  background: var(--white);
  border-style: solid;
  border-width:  1px 0px 0px;
  border-color: #E2E2E2;
}

.jobs_title.horizontal {
    font-size: 28px !important;
}

.jobs_description.horizontal, .jobs_description.vertical  {
  font-size: 16px;
  font-family: Inter, sans-serif;
  line-height: 1.7;
  text-align: justify;
}

.portela_button.horizontal {
  padding: 0;
  position: relative;
}

.portela_button a {
   color: #414a53;
   border-color: #fca311;
}

.jobs_button {
  display: inline-block;
  text-align:center;
  width: 100%;
  height:auto;
  display: block;
  padding: 14px 14px 14px 14px;
  margin: 14px 25px 14px 25px;
  border: solid 2px;
  border-radius: 0 0 15px 0;
  text-align: right;
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  text-decoration:none;   
  letter-spacing:0;
  transition: all .3s;
}
  
.jobs_button:hover {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background: #fca311;
  color: var(--white);
}

.offer_active {
  background: #005bac !important;
  color: var(--white);
}

.offer_active h1, .offer_active h2, .offer_active h3, h4, h5, h6 {
  color: var(--white);
}

.offer_active .jobs_button {
  border-color: var(--white);
  color: var(--white);
}

.offer_active .jobs_button:hover {
  background: var(--white);
  color: #414a53;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 767px) {
  .jobs_title.horizontal {
    font-size: 35px !important;
    text-align: left;
  }

  .jobs_button {
    width: 230px;
    margin: 20px 0px 0px -20px !important;
  }    

  .portela_button.horizontal {
    float:left;
  }
}

@media (max-width: 991px) {
  .jobs_title.horizontal {
    font-size: 35px !important;
    text-align: left;
  }
  .jobs_button {
    width: 230px;
    margin: 20px 0px 0px -20px !important;
  }  
  .portela_button.horizontal {
    float:left !important;
    margin-left: 20px;;
  }  
}

@media (min-width: 992px) {
  .portela_button.horizontal {
    float:left !important;
    margin-left: 20px;;
  }  
}

@media (min-width: 1024px) {
  .jobs_title.horizontal {
    font-size: 28px !important;
    text-align: left;
  }
 
  .portela_button.horizontal {
    float:left !important;
    margin-left: 20px;;
  }   
}

@media (min-width: 992px) {
  .portela_jobs_h_item { padding: 35px 60px 34px;}
  .jobs_title.horizontal { font-size: 25px !important;}
}


/*Vertical*/
.portela_jobs_v_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  padding: 40px 30px 40px 30px;
  position: relative;
  background: var(--white);;
}

.portela_jobs_offer_container {
  background: #e2e2e2;
  padding: 1px;
  -webkit-clip-path: polygon(90% 0,100% 10%,100% 100%,0 100%,0 0);
  clip-path: polygon(90% 0,100% 6%,100% 100%,0 100%,0 0);
}

.portela_jobs_v_item.type_vertical {
  -webkit-clip-path: polygon(90% 0,100% 6%,100% 100%,0 100%,0 0);
  clip-path: polygon(90% 0,100% 6%,100% 100%,0 100%,0 0);
}

.portela_button.vertical {
  padding: 0;
  position: relative;
  margin: 0 130px 0 0px;
  width: 70%;
 }

.jobs_title.vertical {
  font-size: 34px !important;
}

.portela_custom_fields_container {
  font-size: 16px !important;
  line-height: 32px;
  font-weight: 400;
  opacity: 1;
  position: relative;
}

.portela_custom_fields {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
}

.portela_custom_fields:before {
  content: "";
  width: 13px;
  height: 8px;
  display: inline-block;
  border-left: solid 2px;
  border-bottom: solid 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 18px;
  position: relative;
  top: -3px;
  border-color: var(--yellow);
  color: #414a53;
  opacity: 1;
}

@media (min-width: 768px) {
  .portela_jobs_offer_container {
      width: 94%;  
  }

}

@media (max-width: 991px) {
  .portela_button.vertical {
      margin: 0; 
  }
}

@media (min-width: 992px) {
  .portela_jobs_offer_container {
      width: 90%;  
  }
}

@media (max-width: 1023px) {
  .portela_jobs_offer_container {
    width: 94%;  
  }
  .jobs_title.vertical {
    font-size: 28px !important;
  }
}

@media (min-width: 1024px) {
  .portela_jobs_offer_container {
      width: 100%;  
  }
  
  .jobs_title.vertical {
      font-size: 30px !important;
  }
}


.portela_jobs_image {
  width: 150px;
  height: 155px;
  background: url("img/price_background.png");
  background-position: center;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  margin: 0;
}  

/* ----------------------------------------------- */
/* ------------ FIN OFERTAS EMPLEOS ------------- */
/* --------------------------------------------- */


/* ----------------------------------------------- */
/* ------------ INICIO MENU LATERAL ------------- */
/* --------------------------------------------- */


.transx_aside-inner__ubicacion {
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 3px;
}

.transx_aside-dropdown .transx_header_button {
  width: 100%;
  display: inline-block;
  font-size: 18px !important;
  padding: 25px 30px;
}

/* ----------------------------------------------- */
/* --------------- FIN MENU LATERAL ------------- */
/* --------------------------------------------- */


/* -------------------------------------------------- */
/* ------------ ICONOS TIPOS CISTERNAS ------------- */
/* ------------------------------------------------ */

.transx_download_doc_widget.view_type_3 .transx_dd_image_cont img {
    height: 55px !important;
}

.transx_download_doc_widget.view_type_3 .transx_dd_content_cont {
    width: calc(100% - 70px) !important;
}


/* ------------------------------------------------------ */
/* ------------ FIN ICONOS TIPOS CISTERNAS ------------- */
/* ---------------------------------------------------- */


/* ------------------------------------------------------ */
/* ------------ CARACTERISTICAS CISTERNAS -------------- */
/* ---------------------------------------------------- */

:root { /* DECLARACION DE VARIABLES */
  --background: #F0F0F0;
  --black: #000;
  --white: #fff;  
  --accent: #cf092c;
  --time: 0.3s;
  --easing: cubic-bezier(0.4, 0, 0.2, 1);
}

.details_cisternas {
  display: grid;
  display: -webkit-grid;  
  grid-gap: 1rem; 
  /* grid-gap: gutter: separa los elementos de la rejilla */
  /* grid-template-columns: 25% 25% 25% 25% Define el numero de columnas (4) y el ancho de las mimas*/ 
  grid-template-rows: auto;
  /* grid-template-rows: Define el numero de filas y el alto de las mimas*/
  justify-content: center;
  -webkit-justify-content: center;
  max-width: auto;
  margin: 2em 0 2em 0;
}

img.square {
  overflow: hidden;
  position: relative;
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: auto;
  width:  100%;
}

img.circular {
  border-radius: 50% !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 160px !important;
  width:  160px;
  overflow: hidden;
  position: relative;
  display: block;
  margin: 20px auto;
}

.cisterna {
  margin-left: 0.2em;
  margin-right: 0.2em;
  width: auto;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
  border: 0.1em solid #e2e2e2;
  background: #fff;
}

.cisterna__info { 
  z-index: 2;
  background-color: #fff;
  padding: 0px 24px 24px 24px;
}

.cisterna__title, .card__title {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cisterna:hover .cisterna__title {
    text-decoration: none;
    color: #fca311;  
}

.portela__num {
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  font-size: 32px;
  color: #fca311;
  text-shadow: 0 1px 0px #c4b59d, 0px -4px 1px #fff;

}

.cisterna__info span {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .7);
  color: #71D4FE;
  padding: 15px;
  background: #2F3336;
  border-radius: 12px;
  text-shadow: 0px 0px 40px #71D4FE, 0px 0px 80px #71D4FE;
  width: 25px;
  text-align: center;
}

hr {
  border: 0;
  height: 3px !important;
  width: 54px;
  background-color: #fca311 !important;
  margin: 12px 0 12px !important;
}


.cisterna__content, .cisterna__card {
  letter-spacing: 1px;
  color: #696e69;
  font-size: 14px;
  margin: 10px 0;
  overflow: hidden;
  white-space: initial;
  text-overflow: ellipsis;
}

.cisterna__card {
  padding-bottom: 2em;
}

.cisterna__price {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -30px;
  left: -30px;
  width: 100px;
  height: 100px;
  background-color: rgba(#000, 0.95);
  color: #fff;
  border-radius: 50%;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-weight:bold;
}

.btn {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 1.75em 3.5em;
  white-space: nowrap;
  border-radius: 5px;
}

.cisterna__btn {
  position: absolute;
  bottom: -30px;
  right: 30px;
  background-color: rgba(var(--accent), 0.95);
  transition: background-color var(--time) var(--easing), box-shadow var(--time) var(--easing);
}


.product__btn {
  position: absolute;
  bottom: -30px;
  right: 30px;
  background-color: rgba(#cf092c, 0.95);
}

.product__btn:hover {
  box-shadow: 0 36px 28px -20px rgba(#000, 0.20);
  background-color: mix(#cf092c, #000, 95%);
}




@media only screen and (max-width: 575px) {
  .one__rows, .two__rows, .three__rows, .four__rows, .five__rows, .six__rows, .nine__rows  { 
    grid-template-columns: 100%; /* 1 Columna */
  }

  .cisternas__btn {
    margin: 1em auto 2em !important;
  }

  .nine__rows  { grid-template-columns: 33.3% 33.3% 33.3%; } /* 3 Columnas */

  .multiple__rows {
    grid-template-columns: auto auto auto; /*Tres columnas*/
    margin: 0em 4em 0em 0em !important;
  }
}

@media only screen and (min-width: 576px) {
  .one__rows  { 
    grid-template-columns: 100%; /* 1 Columna */
  }
  
  .two__rows, .three__rows, .four__rows, .five__rows, .six__rows, .nine__rows  { 
    grid-template-columns: 50% 50%; /* 2 Columna */
  }

  .nine__rows  { grid-template-columns: 33.3% 33.3% 33.3%; } /* 3 Columnas */

  .cisternas__btn {
    margin: 1em auto 2em;
  }

  .two__rows .cisterna__card__info__txt, .three__rows .cisterna__card__info__txt, .four__rows .cisterna__card__info__txt {
    height: 120px;
  }

  .multiple__rows {
    grid-template-columns: auto auto auto auto auto !important; /*Nueve columnas*/
  }
}

@media only screen and (min-width: 768px) {
  .one__rows  { grid-template-columns: 100%; } /* 1 Columna */
  .two__rows, .three__rows  { grid-template-columns: 50% 50%; } /* 2 Columna */
  .four__rows, .five__rows, .six__rows  { grid-template-columns: 50% 50%; } /* 2 Columna */
  .nine__rows  { grid-template-columns: 20% 20% 20% 20% 20%; } /* 5 Columnas */
  .two__rows .cisterna__card__info__txt, .three__rows .cisterna__card__info__txt, .four__rows .cisterna__card__info__txt {
    height: 120px;
  }

  .multiple__rows {
    grid-template-columns: auto auto auto auto auto auto auto auto auto !important; /*Nueve columnas*/
    margin: 0em 4em 0em 0em !important;
  }
   
} 

@media only screen and (min-width: 992px) { 
  .three__rows, .four__rows, .five__rows, .six__rows  { 
    grid-template-columns: 33.33% 33.33% 33.33%; /*Tres columnas*/
  }

  .multiple__rows {
    grid-template-columns: auto auto auto auto auto auto auto auto auto !important; /*Nueve columnas*/
    margin: 0em 2em 0em 0em !important;
  }

  .nine__rows  { grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6% !important;} /*Seis columnas*/

    
  .cisterna__title, .cisterna__card__info__title {
    min-height: 60px;
  } 
}

@media only screen and (min-width: 1024px) {
  .one__rows   { grid-template-columns: 100%;}                 /*Una columna*/ 
  .two__rows   { grid-template-columns: 50% 50%;}              /*Dos columnas*/
  .three__rows { grid-template-columns: 33.33% 33.33% 33.33%;} /*Tres columnas*/
  .four__rows  { grid-template-columns: 25% 25% 25% 25%;}      /*Cuatro columnas*/
  .five__rows  { grid-template-columns: 20% 20% 20% 20% 20%;}  /*Cinco columnas*/
  .six__rows   { grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6% !important;} /*Seis columnas*/
  .nine__rows  { grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6% !important;} /*Nueve columnas*/
  .multiple__rows { grid-template-columns: auto auto auto auto auto auto auto auto auto !important; /*Nueve columnas*/
                    margin: 0em 1em 0em 0em !important;
                  } 
 
  .three__rows .cisterna__card__info__title { height: 60px;}
  .three__rows .cisterna__card__info__txt { height: 160px;}
  .four__rows .cisterna__card__info__title { min-height: 80px;}
  .four__rows .cisterna__type__info__title { min-height: 40px;}
  .four__rows .cisterna__card__info__txt {min-height: 230px;}
  .four__rows .cisternas__btn { padding: 1em 1em;}
  .five__rows .cisterna__card__info__title {min-height: 120px;}
  .five__rows .cisterna__type__info__title {min-height: 60px;}
  .five__rows .cisterna__card__info__txt {min-height: 330px;}
  .five__rows .cisternas__btn {
    padding: 0.5em 0.5em;
    font-size: 11px;
  }

  .six__rows .cisterna__card__info__title {
    min-height: 100px;
    font-size: 14px;
  }

  .six__rows .cisterna__type__info__title {
    min-height: 60px;
    font-size: 14px;
  }

  .six__rows .cisterna__card__info__txt {
    min-height: 390px;
  }

  .six__rows .cisternas__btn {
    padding: 0.5em 0.5em;
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) {
  

  .three__rows .cisterna__card__info__txt  { height: 140px;}
  .four__rows .cisterna__card__info__title { height: 40px !important;}
  .four__rows .cisterna__type__info__title { height: 30px;}
  .four__rows .cisterna__card__info__txt   { min-height: 180px;}
  .five__rows .cisterna__card__info__title { height: 70px;}
  .five__rows .cisterna__type__info__title { height: 40px;}
  .five__rows .cisterna__card__info__txt   { min-height: 230px; }
  .six__rows .cisterna__card__info__title  { min-height: 80px;}
  .six__rows .cisterna__type__info__title  { min-height: 60px;}
  .six__rows .cisterna__card__info__txt    { min-height: 330px;}
  .bg__certificados img  { width: 100%; height: auto;}
}


/* ------------------------------------------------------------- */
/* --------------- FIN CARACTERISTICAS CISTERNAS -------------- */
/* ----------------------------------------------------------- */


/* ------------------------------------------- */
/* ------------------ TABLAS ---------------- */
/* ----------------------------------------- */

table.table__cisternas {
  border-top: 20px;
  border-collapse: collapse;
  margin: 1.5rem 0rem 0rem 0rem ;
  caption-side: top;
  font-size: 14px;
}



.table__cisternas td.uppercase {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  width: 20%;
  padding: 2vh;
}

.table__bgGrey__1 {background: var(--grisTablet1);}
.table__bgGrey__2 {background: var(--grisTablet2);}


/* ------------------------------------------ */
/* --------------- FIN TABLAS -------------- */
/* ---------------------------------------- */


/* ------------------------------------------------- */
/* -------- VERTICAL CISTERNA CARD DETAILS -------- */
/* ----------------------------------------------- */

.listado_secciones {
  display: grid;
  display: -webkit-grid;  
  grid-gap: 1rem; 
  /* grid-gap: gutter: separa los elementos de la rejilla */
  /* grid-template-columns: 25% 25% 25% 25% Define el numero de columnas (4) y el ancho de las mimas*/ 
  grid-template-rows: auto;
  /* grid-template-rows: Define el numero de filas y el alto de las mimas*/
  justify-content: center;
  -webkit-justify-content: center;
  max-width: auto;
  margin: 2em 0 2em 0;
}

.bg__certificados {
  margin-left: 2em;
  margin-right: 2em;
  width: 100%;
  position: relative;
}

.bg__cisterna__card {
  margin-left: 0.2em;
  margin-right: 0.2em;
  width: auto;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
  border: 0.1em solid #e2e2e2;
  background: white;
}

.bg__cisterna__card img.square {
  overflow: hidden;
  position: relative;
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: auto;
  width:  100%;
}

.bg__cisterna__card img.circle {
  border-radius: 50% !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 160px !important;
  width:  160px;
  overflow: hidden;
  position: relative;
  display: block;
  margin: 20px auto;
}

.cisterna__card__info { 
  z-index: 2;
  background-color: #fff;
  padding: 0px 24px 24px 24px;
  text-align: left;
}


.cisterna__card__info__title, .section__card__info__title, .cisterna__type__info__title,
.cisterna__card__info__title a, .section__card__info__title a, .cisterna__type__info__title a {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cisterna__card__info__title a, .section__card__info__title a, .cisterna__type__info__title a {
  color: #414a53;
}

.bg__cisterna__card:hover .cisterna__card__info__title,
.bg__cisterna__card:hover .section__card__info__title,
.bg__cisterna__card:hover .cisterna__type__info__title,
.cisterna__card__info__title a:hover,
.section__card__info__title a:hover,
.cisterna__type__info__title a:hover
 {
  color: #fca311;
 }

.cisterna__card__info__num {
  font-size: 32px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fca311;
  text-shadow: 0 1px 0px #c4b59d, 0px -4px 1px #fff;
  margin: 10px auto 5px;
}

.cisterna__card__info__num__float__OLD {
  font-size: 25px;
  text-transform: uppercase;
  color: #ffffff;
  margin: -5em 0 0 -10px;
  position: absolute;
  background-color: #467ff7;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px 0px 5px 0px;
  text-align: center;
}

.cisterna__card__info__num__float {
  font-size: 22px;
  text-transform: uppercase;
  color: #1f3460;
  margin: 0em 0 0 0px;
  position: relative;
  padding: 10px 0px 5px 0px;
  text-align: left;
  text-shadow: 0 1px 0px #c4b59d, 0px -4px 1px #fff;
  font-weight:700;
}

.cisterna__card__info hr {
  border: 0;
  height: 3px !important;
  width: 40px;
  background-color: #fca311 !important;
  margin: 4px 0 4px !important;
}

.cisterna__card__info span {
  font-size: 12px;
  text-transform: uppercase;
  color: #005bac !important;
  font-weight: bold;
  letter-spacing: -.6px; 
}

.bg__cisterna__card:hover .cisterna__card__info span {
  color: #777777 !important;
}

.cisterna__card__info__txt {
  letter-spacing: 1px;
  color: #414a53;
  font-size: 16px;
  margin: 10px 0px 0px 0px;
  overflow: hidden;
  white-space: initial;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: -.03em;
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.2 !important;
}


.section__card__info__txt, .country__card__info__txt {
  color: #414a53;
  font-size: 15px;
  margin: 10px 0px 0px 0px;
  overflow: hidden;
  white-space: initial;
  line-height: 1.2 !important;
}

.listado__cisternas__section {
  letter-spacing: 1px;
  color: #696e69;
  font-size: 14px;
  margin: 10px 0;
  overflow: hidden;
  white-space: initial;
  text-overflow: ellipsis;
  height: 140px;
}

.flota__title {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  min-height: 40px;;
}

.buttom__cisternas {
  font-size: 14px;
  padding: 1em 2em;
  border: transparent;
  /* box-shadow: 2px 2px 4px rgba(0,0,0,0.4); */
  background:#005bac;
  background: transparent;
  color: #005bac;
  border-radius: 4px;
  margin: 0px 0px 0px 0px;
  border: 2px #005bac solid;
  border-radius: 0 0 15px 0;
  transition: all .3s;
  text-transform: uppercase;
  font-weight:500;
  width: 100% !important;
}

.buttom__cisternas:hover {
  /*background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(0,212,255,1) 100%);*/
  border: 2px #005bac solid;
  background: transparent;
  background:#005bac;
  color: #005bac;
  color: white !important;
}

.cisternas__btn, .rutas__btn {
  position:relative;
  float: left;
  text-align: center; 
  font-size: 14px;
  font-weight:500;
  text-transform: uppercase;
  padding: 1em 2em;
  transition: all .3s;
  width: 100%;
  margin: 0 auto 2em;
  cursor: pointer;
}


.cisternas__btn {
  color:  #005bac;
  background: transparent;
  border: 2px #005bac solid;
  border-radius: 0 0 15px 0;
}

.cisternas__btn:hover {
    /*background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(30,144,255,1) 0%, rgba(0,212,255,1) 100%);*/
    border: 2px #005bac solid;
    background:#005bac;
    color: white !important;
}

.rutas__btn {
  color: #ffffff;
  background-color: #005bac;
  border: 2px #005bac solid;
  border-radius: 8px;
}

.rutas__btn:hover {
  background: transparent;
  border: 2px #005bac solid;
  color:  #005bac;
}

/* ----------------------------------------------------- */
/* -------- END VERTICAL CISTERNA CARD DETAILS -------- */
/* --------------------------------------------------- */

/* ---------------------------------------- */
/* ------ MAPA INTERACTIVO CISTERNAS ----- */
/* -------------------------------------- */


/* Dimentiones del mapa que vamos a usar: 924 x 304 px */


  
/* Configuramos el tamaño y la forma de los botones que utilizaremos para cada parte de la cisterna */
button.cisterna__section {
  width: 28px;
  height: 28px;
  position: absolute;
  cursor: pointer !important;
  /*border: 2px solid #7fcff7; 
  border-radius: 50%;*/
  border: none !important;
  background-color: transparent !important;
  /*
  background: url("../transx-child/img/ampliar__info__cisternas__celeste.svg") no-repeat center !important;
  background-size: 22px 22px !important; */
}

/* Configuramos el tamaño de la tarjeta que se mostrara al pasar el cursor sobre los botones: por defecto se encuentra oculta */
button.cisterna__section .bg__cisterna__card {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; /* IMPORTANTE: PONER A 0 PARA OCULTAR CONTENIDO */
  width: 250px;
  height: auto;
  overflow: overlay;
  visibility:hidden; /* IMPORTANTE: hidden / visible par aocultar contenido*/
  display:none;     /* IMPORTANTE: none / block para ocultar el contenido*/ 
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
  border: 0.1em solid #e2e2e2;
  background: #fff;
  color: #343a40;
  z-index: 3000;
}
  
/* Al situar el cursos en el punto marcado la tarjeta se vuelve visible: opacity:1, visible */
.cisterna__section:active .bg__cisterna__card, .cisterna__section:focus .bg__cisterna__card, .cisterna__section:hover .bg__cisterna__card {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  display: block;
  animation: cargarContenidoCisterna 0.85s;
}

.cisterna__section:not(active) .bg__cisterna__card, .cisterna__section:not(focus) .bg__cisterna__card, .cisterna__section:not(hover) .bg__cisterna__card {
  animation: ocultarContenidoCisterna 0.75s ;
}

  @keyframes cargarContenidoCisterna { 
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @keyframes ocultarContenidoCisterna { 
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
      
    }
  }

/* Mostramos la tarjeta con el contenido a la derecha del punto */
.show__right { margin: -4em 1.5em;}

.show__left { margin: -4em -16.5em;}

/* POSICION INICIAL DONDE SE MUESTRA LA TARJETA INTERAVTIVA (DERACHA O IZQUIERDA DEL PUNTO) */
.default__pos { margin: -4em 1.5em;}
  
/* PARA RESOLUCIONES MENORES A 768 DESACTIVAMOS LA ANIMACION DE LA CISTERNA 
   Y SOLO MOSTRAMOS LA IMAGEN DE LA CISTERNA CON LOS NUMEROS CORRESPONDIENTES */

@media only screen and (max-width: 767px) {
  .cisterna__section:active .bg__cisterna__card, .cisterna__section:focus .bg__cisterna__card, .cisterna__section:hover .bg__cisterna__card {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}

/* ---------------------------------------------------------------------- */
/* ------ ZONAS INTERACTIVAS CISTERNAS (ATP , BASCULANTES ) 768px ------ */
/* -------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
  button.cisterna__section {
    border: 0px solid #aaee12 !important;  
    border-radius: 50%; 
    width: 22px;
    height: 22px;
  }

  /* CISTERNAS ATP */ 
  .ATP .point__1  {left: 92.4%;  top: 28.8%;}
  .ATP .point__2  {left: 94.2%;  top: 47.0%;}
  .ATP .point__3  {left: 94.8%;  top: 59.0%;}
  .ATP .point__4  {left: 73.6%;  top: 61.6%;}
  .ATP .point__5  {left: 70.2%;  top: 24.2%;}
  .ATP .point__6  {left: 59.4%;  top: 24.2%;}
  .ATP .point__7  {left: 39.6%;  top: 24.2%;}
  .ATP .point__8  {left: 42.4%;  top: 24.2%;}
  .ATP .point__9  {left: 45.4%;  top: 24.2%;}
  .ATP .point__10 {left: 28.3%;  top: 24.2%;}
  .ATP .point__11 {left: 31.4%;  top: 24.2%;}
  .ATP .point__12 {left: 12.2%;  top: 24.2%;}
  .ATP .point__13 {left: 5.0%;   top: 28.0%;}
  .ATP .point__14 {left: 68.2%;  top: 43.2%;}
  .ATP .point__15 {left: 52.4%;  top: 47.0%;}
  .ATP .point__16 {left: 39.4%;  top: 49.2%;}
  .ATP .point__17 {left: 3.4%;   top: 47.0%;}
  .ATP .point__18 {left: 2.0%;   top: 51.6%;}
  .ATP .point__19 {left: 2.0%;   top: 58.2%;}
  .ATP .point__20 {left: 3.4%;   top: 63.6%;}
  .ATP .point__21 {left: 7.0%;   top: 59.2%;}

  /* CISTERNAS BACULANTES */
  .BASC .point__1  {left: 90.8%;  top: 29.0%;}
  .BASC .point__2  {left: 93.4%;  top: 47.0%;}
  .BASC .point__3  {left: 92.8%;  top: 57.8%;}
  .BASC .point__4  {left: 73.8%;  top: 62.8%;}
  .BASC .point__5  {left: 70.8%;  top: 21.8%;}
  .BASC .point__6  {left: 68.0%;  top: 21.8%;}
  .BASC .point__7  {left: 47.4%;  top: 23.2%;}
  .BASC .point__8  {left: 39.8%;  top: 23.2%;}
  .BASC .point__9  {left: 32.8%;  top: 23.8%;}
  .BASC .point__10 {left: 23.0%;  top: 23.8%;}
  .BASC .point__11 {left: 8.0%;   top: 23.8%;}
  .BASC .point__12 {left: 3.8%;   top: 27.2%;}
  .BASC .point__13 {left: 57.0%;  top: 49.2%;}
  .BASC .point__14 {left: 44.4%;  top: 49.2%;}
  .BASC .point__15 {left: 47.6%;  top: 49.2%;}
  .BASC .point__16 {left: 44.6%;  top: 66.8%;}
  .BASC .point__17 {left: 50.2%;  top: 49.2%;}
  .BASC .point__18 {left: 37.8%;  top: 67.0%;}
  .BASC .point__19 {left: 32.0%;  top: 46.0%;}
  .BASC .point__20 {left: 11.6%;  top: 67.0%;}
  .BASC .point__21 {left: 12.0%;  top: 47.8%;}
  .BASC .point__22 {left: 8.6%;   top: 54.6%;}
  .BASC .point__23 {left: 7.8%;   top: 61.8%;}
  .BASC .point__24 {left: 2.0%;   top: 55.6%;}
  .BASC .point__25 {left: 2.0%;   top: 50.0%;}
  .BASC .point__26 {left: 2.0%;   top: 45.0%;}
  .BASC .point__27 {left: 2.0%;   top: 40.0%;}
  .BASC .point__28 {left: 2.0%;   top: 35.0%;}

} 

/* ---------------------------------------------------------------------- */
/* ------ ZONAS INTERACTIVAS CISTERNAS (ATP , BASCULANTES ) 992px ------ */
/* -------------------------------------------------------------------- */

@media only screen and (min-width: 992px) {
  button.cisterna__section {
    border:0px solid #aaee12 !important;  
    border-radius: 50%; 
    width: 25px;
    height: 25px;
  }

  /* CISTERNAS ATP */ 
  .ATP .point__1  {left: 92.8%;  top: 27.8%;}
  .ATP .point__2  {left: 94.6%;  top: 47.4%;}
  .ATP .point__3  {left: 95.2%;  top: 60.0%;}
  .ATP .point__4  {left: 74.0%;  top: 62.6%;}
  .ATP .point__5  {left: 70.5%;  top: 23.2%;}
  .ATP .point__6  {left: 59.8%;  top: 23.2%;}
  .ATP .point__7  {left: 40.0%;  top: 23.2%;}
  .ATP .point__8  {left: 42.6%;  top: 23.2%;}
  .ATP .point__9  {left: 45.4%;  top: 23.2%;}
  .ATP .point__10 {left: 28.4%;  top: 23.2%;}
  .ATP .point__11 {left: 31.8%;  top: 23.2%;}
  .ATP .point__12 {left: 12.6%;  top: 23.2%;}
  .ATP .point__13 {left: 5.3%;   top: 27.2%;}
  .ATP .point__14 {left: 68.6%;  top: 43.8%;}
  .ATP .point__15 {left: 52.8%;  top: 47.2%;}
  .ATP .point__16 {left: 39.8%;  top: 49.6%;}
  .ATP .point__17 {left: 3.8%;   top: 47.5%;}
  .ATP .point__18 {left: 2.2%;   top: 52.6%;}
  .ATP .point__19 {left: 2.2%;   top: 59.2%;}
  .ATP .point__20 {left: 3.8%;   top: 64.6%;}
  .ATP .point__21 {left: 7.2%;   top: 60.2%;}

  /* CISTERNAS BACULANTES */
  .BASC .point__1  {left: 91.0%;  top: 28.0%;}
  .BASC .point__2  {left: 93.6%;  top: 47.2%;}
  .BASC .point__3  {left: 93.0%;  top: 58.4%;}
  .BASC .point__4  {left: 73.8%;  top: 63.4%;}
  .BASC .point__5  {left: 71.0%;  top: 20.8%;}
  .BASC .point__6  {left: 68.2%;  top: 20.8%;}
  .BASC .point__7  {left: 47.5%;  top: 22.0%;}
  .BASC .point__8  {left: 39.8%;  top: 22.2%;}
  .BASC .point__9  {left: 33.0%;  top: 22.8%;}
  .BASC .point__10 {left: 23.2%;  top: 22.8%;}
  .BASC .point__11 {left: 8.2%;   top: 22.8%;}
  .BASC .point__12 {left: 4.0%;   top: 26.4%;}
  .BASC .point__13 {left: 57.2%;  top: 49.6%;}
  .BASC .point__14 {left: 44.6%;  top: 49.6%;}
  .BASC .point__15 {left: 47.6%;  top: 49.6%;}
  .BASC .point__16 {left: 44.6%;  top: 68.0%;}
  .BASC .point__17 {left: 50.4%;  top: 49.6%;}
  .BASC .point__18 {left: 38.0%;  top: 68.0%;}
  .BASC .point__19 {left: 32.0%;  top: 46.0%;}
  .BASC .point__20 {left: 12.0%;  top: 68.4%;}
  .BASC .point__21 {left: 12.0%;  top: 47.8%;}
  .BASC .point__22 {left: 8.8%;   top: 55.0%;}
  .BASC .point__23 {left: 7.8%;   top: 63.0%;}
  .BASC .point__24 {left: 2.0%;   top: 55.6%;}
  .BASC .point__25 {left: 2.0%;   top: 50.0%;}
  .BASC .point__26 {left: 2.0%;   top: 45.0%;}
  .BASC .point__27 {left: 2.0%;   top: 40.0%;}
  .BASC .point__28 {left: 2.0%;   top: 35.0%;}

}

/* ----------------------------------------------------------------------- */
/* ------ ZONAS INTERACTIVAS CISTERNAS (ATP , BASCULANTES ) 1024px ------ */
/* --------------------------------------------------------------------- */

@media only screen and (min-width: 1024px) {
  button.cisterna__section {
    border:0px solid #aaee12 !important;  
    border-radius: 50%; 
  }

   /* CISTERNAS ATP */ 
   .ATP .point__1  {left: 92.8%;  top: 27.8%;}
   .ATP .point__2  {left: 94.6%;  top: 47.4%;}
   .ATP .point__3  {left: 95.2%;  top: 60.0%;}
   .ATP .point__4  {left: 74.0%;  top: 62.6%;}
   .ATP .point__5  {left: 70.5%;  top: 23.2%;}
   .ATP .point__6  {left: 59.8%;  top: 23.2%;}
   .ATP .point__7  {left: 40.0%;  top: 23.2%;}
   .ATP .point__8  {left: 42.6%;  top: 23.2%;}
   .ATP .point__9  {left: 45.4%;  top: 23.2%;}
   .ATP .point__10 {left: 28.6%;  top: 23.2%;}
   .ATP .point__11 {left: 31.8%;  top: 23.2%;}
   .ATP .point__12 {left: 12.6%;  top: 23.2%;}
   .ATP .point__13 {left: 5.3%;   top: 27.2%;}
   .ATP .point__14 {left: 68.6%;  top: 43.8%;}
   .ATP .point__15 {left: 53.8%;  top: 47.2%;}
   .ATP .point__16 {left: 39.8%;  top: 49.6%;}
   .ATP .point__17 {left: 3.8%;   top: 47.5%;}
   .ATP .point__18 {left: 2.2%;   top: 52.6%;}
   .ATP .point__19 {left: 2.2%;   top: 59.2%;}
   .ATP .point__20 {left: 3.8%;   top: 65.4%;}
   .ATP .point__21 {left: 7.2%;   top: 60.2%;}

  /* CISTERNAS BACULANTES */
  .BASC .point__1  {left: 91.0%;  top: 28.0%;}
  .BASC .point__2  {left: 93.6%;  top: 47.2%;}
  .BASC .point__3  {left: 93.0%;  top: 58.4%;}
  .BASC .point__4  {left: 73.8%;  top: 63.4%;}
  .BASC .point__5  {left: 71.0%;  top: 20.8%;}
  .BASC .point__6  {left: 68.2%;  top: 20.8%;}
  .BASC .point__7  {left: 47.5%;  top: 22.0%;}
  .BASC .point__8  {left: 39.8%;  top: 22.2%;}
  .BASC .point__9  {left: 33.0%;  top: 22.8%;}
  .BASC .point__10 {left: 23.2%;  top: 22.8%;}
  .BASC .point__11 {left: 8.2%;   top: 22.8%;}
  .BASC .point__12 {left: 4.0%;   top: 26.4%;}
  .BASC .point__13 {left: 57.2%;  top: 49.6%;}
  .BASC .point__14 {left: 44.6%;  top: 49.6%;}
  .BASC .point__15 {left: 47.6%;  top: 49.6%;}
  .BASC .point__16 {left: 44.6%;  top: 68.0%;}
  .BASC .point__17 {left: 50.4%;  top: 49.6%;}
  .BASC .point__18 {left: 38.0%;  top: 68.0%;}
  .BASC .point__19 {left: 32.0%;  top: 46.0%;}
  .BASC .point__20 {left: 12.0%;  top: 68.4%;}
  .BASC .point__21 {left: 12.0%;  top: 47.8%;}
  .BASC .point__22 {left: 8.8%;   top: 55.0%;}
  .BASC .point__23 {left: 7.8%;   top: 63.0%;}
  .BASC .point__24 {left: 2.0%;   top: 55.6%;}
  .BASC .point__25 {left: 2.0%;   top: 50.0%;}
  .BASC .point__26 {left: 2.0%;   top: 45.0%;}
  .BASC .point__27 {left: 2.0%;   top: 40.0%;}
  .BASC .point__28 {left: 2.0%;   top: 35.0%;}
  
  /* Mostramos la tarjeta con el contenido a la derecha del punto */
  .show__right {
    margin: -4em 1.5em;
  }
  
  .show__left {
    margin: -4em -16.5em;
  }
}    


/* ----------------------------------------------------------------------- */
/* ------ ZONAS INTERACTIVAS CISTERNAS (ATP , BASCULANTES ) 1200px ------ */
/* --------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
  button.cisterna__section {
      border:0px solid #aaee12 !important;  
      border-radius: 50%;
  }

  /* CISTERNAS ATP */
  .ATP .point__1  {left: 93.0%;  top: 27.8%;}
  .ATP .point__2  {left: 94.8%;  top: 47.4%;}
  .ATP .point__3  {left: 95.4%;  top: 60.2%;}
  .ATP .point__4  {left: 74.2%;  top: 63.4%;}
  .ATP .point__5  {left: 70.7%;  top: 23.0%;}
  .ATP .point__6  {left: 60.0%;  top: 23.0%;}
  .ATP .point__7  {left: 40.2%;  top: 23.0%;}
  .ATP .point__8  {left: 42.8%;  top: 23.0%;}
  .ATP .point__9  {left: 45.6%;  top: 23.0%;}
  .ATP .point__10 {left: 28.6%;  top: 23.0%;}
  .ATP .point__11 {left: 32.0%;  top: 23.0%;}
  .ATP .point__12 {left: 12.8%;  top: 23.0%;}
  .ATP .point__13 {left: 5.5%;   top: 27.2%;}
  .ATP .point__14 {left: 68.6%;  top: 43.8%;}
  .ATP .point__15 {left: 53.0%;  top: 47.4%;}
  .ATP .point__16 {left: 40.0%;  top: 49.8%;}
  .ATP .point__17 {left: 4.0%;   top: 47.5%;}
  .ATP .point__18 {left: 2.4%;   top: 52.8%;}
  .ATP .point__19 {left: 2.4%;   top: 59.8%;}
  .ATP .point__20 {left: 4.0%;   top: 65.4%;}
  .ATP .point__21 {left: 7.4%;   top: 60.7%;}

   /* CISTERNAS BACULANTES */
  .BASC .point__1  {left: 91.4%;  top: 28.0%;}
  .BASC .point__2  {left: 94.0%;  top: 47.4%;}
  .BASC .point__3  {left: 93.2%;  top: 59.0%;}
  .BASC .point__4  {left: 74.2%;  top: 64.4%;}
  .BASC .point__5  {left: 71.4%;  top: 20.4%;}
  .BASC .point__6  {left: 68.6%;  top: 20.4%;}
  .BASC .point__7  {left: 47.8%;  top: 21.8%;}
  .BASC .point__8  {left: 40.2%;  top: 22.0%;}
  .BASC .point__9  {left: 33.3%;  top: 22.6%;}
  .BASC .point__10 {left: 23.5%;  top: 22.6%;}
  .BASC .point__11 {left: 8.5%;   top: 22.6%;}
  .BASC .point__12 {left: 4.2%;   top: 26.2%;}
  .BASC .point__13 {left: 57.4%;  top: 49.8%;}
  .BASC .point__14 {left: 44.8%;  top: 49.8%;}
  .BASC .point__15 {left: 47.8%;  top: 49.8%;}
  .BASC .point__16 {left: 45.0%;  top: 69.0%;}
  .BASC .point__17 {left: 50.8%;  top: 49.8%;}
  .BASC .point__18 {left: 38.4%;  top: 69.0%;}
  .BASC .point__19 {left: 32.4%;  top: 46.4%;}
  .BASC .point__20 {left: 12.4%;  top: 69.4%;}
  .BASC .point__21 {left: 12.4%;  top: 48.2%;}
  .BASC .point__22 {left: 9.0%;   top: 55.8%;}
  .BASC .point__23 {left: 8.2%;   top: 63.4%;}
  .BASC .point__24 {left: 2.3%;   top: 56.3%;}
  .BASC .point__25 {left: 2.3%;   top: 51.0%;}
  .BASC .point__26 {left: 2.3%;   top: 45.6%;}
  .BASC .point__27 {left: 2.3%;   top: 40.2%;}
  .BASC .point__28 {left: 2.3%;   top: 35.0%;}
  
  /* Mostramos la tarjeta con el contenido a la derecha del punto */
   .show__right {
    margin: -4em 1.5em;
  }
  /* Mostramos la tarjeta con el contenido a la izquierda del punto */
  .show__left {
   margin: -4em -16.5em;
 }
}  

  
/* --------------------------------------------- */
/* -------------- END RESPONSIVE -------------- */
/* ------------------------------------------- */


/* -------------------------------------------- */
/* ------------- MAPA EUROPA SVG ------------- */
/* ------------------------------------------ */

button.country__route {
  width: 22px;
  height: 22px;
  position: absolute;
  cursor: pointer !important;
  border:none !important;  
  border-radius: 50%;
  background-color: transparent ;
  background-repeat: no-repeat;
  background-position: center;
}

/* DEFINIMOS LOS 3 TIPOS DE ICONOS QUE VAMOS A USAR (BASE: ROJO, CARRETERA:VERDE Y FERRY:AMARILLO */ 
.icono__base {
  background-image: url("img/iconos/position__red.svg") !important;
}
.icono__carretera {
  background-image: url("img/iconos/position__green.svg") !important;
}
.icono__ferry {
  background-image: url("img/iconos/position__yellow.svg") !important;
}

.icono__grey {
  background-image: url("img/iconos/position__grey.svg") !important;
}

/* CONFIGURAMOS EL TAMAÑO DE LA TARJETA (bg__country__card) QUE SE MOSTRARÁ AL PASAR EL CURSOR SOBRE LOS ICONOS DE LOS PAISES */
/* POR DEFECTO ESTAN OCULTOS */
button.country__route .bg__country__card {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; /* IMPORTANTE: PONER A 0 PARA OCULTAR CONTENIDO */
  width: 280px;
  /* min-height: 80px; */
  overflow: overlay;
  visibility:hidden; /* IMPORTANTE: hidden / visible par aocultar contenido*/
  display:none;     /* IMPORTANTE: none / block para ocultar el contenido*/ 
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  z-index: 2000;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.4);
  border: 0.1em solid #e2e2e2;
  background: #fff;
  color: #343a40;
  padding: 10px;
}

/* Al situar el cursos en el punto marcado la tarjeta se vuelve visible: opacity:1, visible */
button.country__route:active .bg__country__card, .country__route:focus .bg__country__card, .country__route:hover .bg__country__card {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  display: block;
  animation: cargarContenidoPais 0.85s;
}

@keyframes cargarContenidoPais { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* INDICAMOS LA POSICION DE LA TARJETA CON RESPECTO AL ICONO CUANDO ESTE ACTIVADA  */
.country__pos__top {
  margin: -6.5em -8em;
}

.base__pos {
  margin: -8.0em -8em;
}


/* FONDO TARJETAS */
.bg__route__card, .bg__details__card, .bg__banners, .bg__banners__mini, .bg__banners__services {
  width: auto;
  /* min-height: 80px; */
  overflow: overlay;
  position: relative;
  overflow: hidden;
  z-index: 2000;
  box-shadow: 0px 8px 8px -8px rgba(0, 0, 0,0.2);
  border: 0.1em solid #e2e2e2;
  color: #343a40;
}

.bg__route__card, .bg__details__card {
  background: #fff;
  padding: 10px;
  margin: 0 0 0.5em;
  border-radius: 8px;
}

.bg__services__card, .bg__check__card {
  width: auto;
  overflow: overlay;
  position: relative;
  overflow: hidden;
  z-index: 2000;
  color: #343a40;
}

.bg__services__card  {
  padding: 10px;
  margin: 0 0 1em 2em;
}

.bg__check__card  {
  padding: 10px;
  margin: 0 0 0em 2em;
}


/* FONDO TARJETAS BANNERS HOME*/
.bg__banners__mini, .bg__banners, .bg__banners__services {
  margin: 0 0 0.5em;
  font-size: 14px;
  border-radius: 16px 16px 16px 0px;
}

.bg__banners__mini, .bg__banners {
  background-color: #fff;
}

.bg__banners__services {
  background-color: #1c244b;
}

@media only screen and (min-width: 360px) {
  .bg__banners__mini {
    padding: 5% 40% 5% 5%;
  }

  .bg__banners__services {
    padding: 3% 3% 3% 3%;
  }

  .bg__banners {
    padding: 5% 40% 5% 5%;
  }
}

@media only screen and (min-width: 576px) {
  .bg__banners__mini {
    padding: 5% 15% 5% 5%;
  }
  .bg__banners {
    padding: 5% 10% 5% 5%;
  }
}

@media only screen and (min-width: 768px) {
  .bg__banners__mini {
    padding: 5% 10% 5% 5%;
  }
  .bg__banners {
    padding: 5% 0% 5% 5%;
  }
}

@media only screen and (min-width: 1024px) {
  .bg__banners__mini {
    padding: 5% 0% 5% 5%;
  }
  .bg__banners {
    padding: 5% 40% 5% 5%;
  }

  .two__rows .bg__banners {
    padding: 5% 5% 5% 5%;
  }
}

/* CONTENEDOR CON LOS DATOS DEL PAIS (BANDERA, TIPO DE SERVICIO: CARRETARA, FERRY O BASE DE OPERACIONES  */
.country__info, .generic__card__info, .banner__home__info, .banner__section, .banner__link__services, .services__info {
  width: auto;
  padding: 2px 4px;
  display: flex;
  flex-direction: row;
}

/* CONTENEDOR PARA LA BANDERA */
.country__info .flag__box {
  width: 50px;
  height: auto;
  margin: 0px 10px 0px 0px;
}

/* CONTENEDOR PARA ICONOS SERVICIOS */
.services__info .servicios__box {
  width: 70px;
  height: auto;
  margin: 0px 20px 0px 0px;
}

.services__info .validate__box {
  width: 20px;
  height: auto;
  margin: -2px 15px 0px 0px;
}
/* CONTENEDOR PARA LAS IMAGENES */
.generic__card__info .image__box {
  width: auto;
  height: auto;
  margin: 0px 10px 0px 0px;
}

/* Diseño circular para mostrar la bandera */ 
.country__flag {
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-radius: 50%;
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;	
  margin-right: 1em;
  box-shadow: 0px 13px 10px -7px rgb(0 0 0 / 20%);
  border: 0.1em solid #e2e2e2;
  position: relative;
  float: left;
}

/* Diseño circular para mostrar las imagenes de las partes de la cisterna */ 
.circular__image {
  width: 100px;
  height: 100px;
  background-color: transparent;
  border-radius: 50%;
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;	
  margin-right: 1em;
  box-shadow: 0px 13px 10px -7px rgb(0 0 0 / 20%);
  border: 0.1em solid #e2e2e2;
  position: relative;
  float: left;
}

.square__image {
  width: 100px;
  height: 100px;
  background-color: transparent;
  border-radius: none;
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;	
  margin-right: 1em;
  box-shadow: 0px 13px 10px -7px rgb(0 0 0 / 20%);
  border: 0.1em solid #e2e2e2;
  position: relative;
  float: left;
}
/* Diseño circular para mostrar la bandera */ 
.transport__type, .services__type, .check__type {
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;	
  position: relative;
  float: left;
}

.services__type {
  width: 60px;
  height: 60px;
  margin-right: 1em;
}

.transport__type {
  width: 50px;
  height: 50px;
  margin-right: 1em;
}

.check__type {
  width: 20px;
  height: 20px;
  margin-right: 1em;
}

/* LISTADO TIPOS DE RUTAS: */ 
.base__operaciones__icon  { background-image: url("img/iconos/placeholder__base__operaciones.svg"); }
.ruta__carretera__icon    { background-image: url("img/iconos/placeholder__ruta__carretera.svg"); }
.ruta__ferry__icon        { background-image: url("img/iconos/placeholder__ruta__ferry.svg"); }


/* ICONOS SECTORES INDUSTRIALES */ 
.quimico__industrial__icon             { background-image: url("img/iconos/sector__quimico__industrial.svg"); }
.construccion__icon                    { background-image: url("img/iconos/sector__construccion.svg"); }
.solido__alimentacion__animal__icon    { background-image: url("img/iconos/alimentacion__animal__solidos.svg"); }
.liquidos__alimentacion__animal__icon  { background-image: url("img/iconos/alimentacion__animal__liquidos.svg"); }
.liquidos__alimenticios__icon          { background-image: url("img/iconos/liquidos__alimenticios.svg"); }
.solidos__alimenticios__icon           { background-image: url("img/iconos/solidos__alimenticios.svg"); }

/* ICONO HORARIOS */ 
.calendario__icon         { background-image: url("img/iconos/calendario.svg"); }

/* ICONOS LAVADERO */ 
.num__autorizacion__icon    { background-image: url("img/iconos/numero__autorizacion.svg"); }
.registro__sanitario__icon  { background-image: url("img/iconos/registro__sanitario.svg"); }
.registro__letra__q__icon   { background-image: url("img/iconos/registro__letra__q.svg"); }

/* ICONOS PARKING */ 
.atencion__24h__icon  { background-image: url("img/iconos/atencion__24h.svg"); }
.vigilancia__icon     { background-image: url("img/iconos/vigilancia__24h.svg"); }
.seguridad__icon      { background-image: url("img/iconos/seguridad__24h.svg"); }
.relax__icon          { background-image: url("img/iconos/relax.svg"); }
.taller__icon         { background-image: url("img/iconos/taller.svg"); }

/* ICONOS GONDOLA */ 
.entrega__24h__icon  { background-image: url("img/iconos/entrega__24h.svg"); }
.gondola__icon       { background-image: url("img/iconos/gondola.svg"); }

/* ICONOS CHECK */ 
.check__icon         { background-image: url("img/iconos/check.svg"); }

/* LISTADO DE BANDERAS EUROPEAS: */ 
.alemania__flag   { background-image: url("img/banderas/alemania__flag.png"); }
.argelia__flag    { background-image: url("img/banderas/argelia__flag.png"); }
.belgica__flag    { background-image: url("img/banderas/belgica__flag.png"); }
.francia__flag    { background-image: url("img/banderas/francia__flag.png"); }
.espana__flag     { background-image: url("img/banderas/espana__flag.png"); background-position:inherit !important; }
.grecia__flag     { background-image: url("img/banderas/grecia__flag.png"); background-position:inherit !important; }
.irlanda__flag    { background-image: url("img/banderas/irlanda__flag.png"); }
.italia__flag     { background-image: url("img/banderas/italia__flag.png"); }
.marruecos__flag  { background-image: url("img/banderas/marruecos__flag.png"); }
.noruega__flag    { background-image: url("img/banderas/noruega__flag.png"); }
.holanda__flag    { background-image: url("img/banderas/paises__bajos__flag.png"); }
.portugal__flag   { background-image: url("img/banderas/portugal__flag.png"); }
.gb__flag         { background-image: url("img/banderas/gb__flag.png"); }
.suecia__flag     { background-image: url("img/banderas/suecia__flag.png"); }
.dinamarca__flag  { background-image: url("img/banderas/dinamarca__flag.png");  background-position:inherit !important; }
.suiza__flag      { background-image: url("img/banderas/suiza__flag.png"); }
.austria__flag    { background-image: url("img/banderas/austria__flag.png"); }
.eslovenia__flag  { background-image: url("img/banderas/eslovenia__flag.png");  background-position:inherit !important; }
.rep__checa__flag { background-image: url("img/banderas/rep__checa__flag.png"); }
.polonia__flag    { background-image: url("img/banderas/polonia__flag.png"); }
.finlandia__flag  { background-image: url("img/banderas/finlandia__flag.png"); }
.eslovaquia__flag { background-image: url("img/banderas/eslovaquia__flag.png"); background-position:inherit !important; }
.hungria__flag    { background-image: url("img/banderas/hungria__flag.png"); }
.rumania__flag    { background-image: url("img/banderas/rumania__flag.png"); }
.bulgaria__flag   { background-image: url("img/banderas/bulgaria__flag.png"); }

/* CONTENEDOR PARA LA INFORMACION DEL PAIS */
.country__info .services__box {
  width: 80%;
  height: auto;
  text-align: left;
}

.country__info .services__box p.name__country { 
  font-size: 14px;
  padding-top: 0px;
  text-transform: uppercase;
  color: #414a53;
  font-weight: 700;
}


.country__info h3, .generic__card__info h3, .services__info h3 {
  font-size: 15px;
  padding-top: 0px;
  text-transform: uppercase;
}

.country__info span, .generic__card__info span, .services__info span {
  font-size: 14px;
  padding-top: 0px;
  color: #fca311;
  font-weight: 600;
}

.banner__home__info h3 {
  font-size: 14px;
  padding-top: 0px;
  text-transform: uppercase;
}

.banner__link__services h2, .banner__link__services h3 {
  font-size: 14px;
  padding-top: 0px;
  text-transform: uppercase;
  color:#ffffff;
}

.banner__section span {
  font-size: 11px;
  text-transform: uppercase;
  color: #005bac;
  margin: 10px 10px 5px 0px;
  font-weight: 700;
}

.bg__banners:hover .banner__home__info span, .bg__banners__services :hover .banner__link__services span {
  color:hsl(37, 98%, 53%); 
}

.bg__banners__services :hover .banner__link__services span {
  color: #467ff7;
}

.generic__card__info span {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #1f3460;
  text-shadow: 0 1px 0px #c4b59d, 0px -4px 1px #fff;
  margin: 10px 10px 5px 0px;
}

.country__info p, .generic__card__info p, .banner__home__info p, .banner__link__services p, .services__info p, .services__info p {
  letter-spacing: 1px;
  color: #696e69;
  font-size: 13px;
  margin: 0px 0;
  overflow: hidden;
  white-space: initial;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.banner__link__services p {
  color: #fff;
}

.banner__home__info p {
  padding: 0% 25% 5% 0%;
}

.banner__link__services p {
  padding: 0% 2% 2% 0%;
}

@media only screen and (max-width: 575px) {
  button.country__route:active .bg__country__card, .country__route:focus .bg__country__card, .country__route:hover .bg__country__card {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}

/* ------ POSICION EN EL MAPA DE LOS BOTONES DE LOS PAISES --------- */
@media only screen and (max-width: 575px) {
  .galicia       {left: 20.2%; top: 65.0%;}
  .spain         {left: 25.0%; top: 70.8%;}
  .baleares      {left: 33.8%; top: 72.8%;}
  .portugal      {left: 18.0%; top: 71.0%;}
  .marruecos     {left: 21.4%; top: 83.4%;}
  .argelia       {left: 33.8%; top: 82.2%;}
  .francia       {left: 35.2%; top: 60.0%;}
  .corcega       {left: 42.8%; top: 69.0%;}
  .reino__unido  {left: 30.4%; top: 49.0%;}
  .irlanda       {left: 22.5%; top: 46.6%;}
  .alemania      {left: 46.0%; top: 52.0%;}
  .belgica       {left: 38.0%; top: 52.8%;}
  .paises__bajos {left: 40.0%; top: 49.0%;}
  .noruega       {left: 47.0%; top: 32.0%;}
  .suecia        {left: 52.6%; top: 40.0%;}
  .italia        {left: 48.6%; top: 69.0%;}
  .cerdena       {left: 42.6%; top: 73.4%;}
  .sicilia       {left: 49.8%; top: 78.4%;}
  .grecia        {left: 61.2%; top: 76.0%;}
  .dinamarca     {left: 45.6%; top: 42.4%;}
  .suiza         {left: 42.6%; top: 61.2%;}
  .austria       {left: 52.0%; top: 60.4%;}
  .eslovenia     {left: 52.0%; top: 63.2%;}
  .rep__checa    {left: 53.0%; top: 56.2%;}
  .polonia       {left: 58.8%; top: 52.0%;}
  .finlandia     {left: 68.5%; top: 30.0%;}
  .eslovaquia    {left: 59.5%; top: 59.2%;}
  .hungria       {left: 57.8%; top: 62.6%;}
  .rumania       {left: 66.5%; top: 65.5%;}
  .bulgaria      {left: 66.4%; top: 71.4%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 60% !important;}
}

@media only screen and (max-width: 575px) {
  .galicia__full       {left: 20.6%; top: 65.4%;}
  .spain__full         {left: 25.4%; top: 72.4%;}
  .baleares__full      {left: 33.8%; top: 73.4%;}
  .portugal__full      {left: 18.6%; top: 73.0%;}
  .marruecos__full     {left: 20.8%; top: 85.8%;}
  .argelia__full       {left: 32.8%; top: 83.8%;}
  .francia__full       {left: 35.8%; top: 61.0%;}
  .corcega__full       {left: 43.2%; top: 69.8%;}
  .reino__unido__full  {left: 31.4%; top: 50.0%;}
  .irlanda__full       {left: 22.5%; top: 46.6%;}
  .alemania__full      {left: 46.0%; top: 55.0%;}
  .belgica__full       {left: 38.5%; top: 52.8%;}
  .paises__bajos__full {left: 40.4%; top: 49.0%;}
  .noruega__full       {left: 47.2%; top: 32.0%;}
  .suecia__full        {left: 52.8%; top: 39.0%;}
  .italia__full        {left: 48.6%; top: 71.0%;}
  .cerdena__full       {left: 42.8%; top: 74.4%;}
  .sicilia__full       {left: 50.5%; top: 79.4%;}
  .grecia__full        {left: 61.2%; top: 78.0%;}
  .dinamarca__full     {left: 46.0%; top: 42.4%;}
  .suiza__full         {left: 43.0%; top: 61.5%;}
  .austria__full       {left: 54.0%; top: 60.0%;}
  .eslovenia__full     {left: 52.0%; top: 63.2%;}
  .rep__checa__full    {left: 52.0%; top: 56.4%;}
  .polonia__full       {left: 58.8%; top: 53.0%;}
  .finlandia__full     {left: 68.5%; top: 30.0%;}
  .eslovaquia__full    {left: 59.5%; top: 59.2%;}
  .hungria__full       {left: 57.8%; top: 65.6%;}
  .rumania__full       {left: 67.0%; top: 66.5%;}
  .bulgaria__full      {left: 67.0%; top: 72.8%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry { background-size: 60% !important;}
}


@media only screen and (min-width: 576px) {
  .galicia       {left: 20.6%; top: 66.4%;}
  .spain         {left: 25.4%; top: 72.4%;}
  .baleares      {left: 34.8%; top: 75.4%;}
  .portugal      {left: 18.6%; top: 73.0%;}
  .marruecos     {left: 22.8%; top: 85.8%;}
  .argelia       {left: 34.8%; top: 84.8%;}
  .francia       {left: 35.8%; top: 61.0%;}
  .corcega       {left: 43.6%; top: 71.8%;}
  .reino__unido  {left: 31.4%; top: 51.0%;}
  .irlanda       {left: 23.0%; top: 47.6%;}
  .alemania      {left: 47.0%; top: 54.0%;}
  .belgica       {left: 38.8%; top: 54.4%;}
  .paises__bajos {left: 40.4%; top: 51.0%;}
  .noruega       {left: 47.2%; top: 33.0%;}
  .suecia        {left: 53.2%; top: 40.0%;}
  .italia        {left: 48.6%; top: 71.0%;}
  .cerdena       {left: 43.4%; top: 75.4%;}
  .sicilia       {left: 50.5%; top: 81.0%;}
  .grecia        {left: 61.6%; top: 78.4%;}
  .dinamarca     {left: 46.4%; top: 43.4%;}
  .suiza         {left: 43.0%; top: 62.4%;}
  .austria       {left: 53.2%; top: 61.2%;}
  .eslovenia     {left: 52.0%; top: 65.2%;}
  .rep__checa    {left: 53.0%; top: 57.4%;}
  .polonia       {left: 58.8%; top: 53.0%;}
  .finlandia     {left: 69.0%; top: 30.0%;}
  .eslovaquia    {left: 61.5%; top: 60.6%;}
  .hungria       {left: 58.0%; top: 63.8%;}
  .rumania       {left: 67.0%; top: 66.5%;}
  .bulgaria      {left: 67.0%; top: 72.8%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 80% !important;}
}

@media only screen and (min-width: 576px) {
  .galicia__full       {left: 20.6%; top: 65.4%;}
  .spain__full         {left: 25.4%; top: 72.4%;}
  .baleares__full      {left: 33.8%; top: 73.4%;}
  .portugal__full      {left: 18.6%; top: 73.0%;}
  .marruecos__full     {left: 20.8%; top: 85.8%;}
  .argelia__full       {left: 32.8%; top: 83.8%;}
  .francia__full       {left: 35.8%; top: 61.0%;}
  .corcega__full       {left: 43.2%; top: 69.8%;}
  .reino__unido__full  {left: 31.4%; top: 50.0%;}
  .irlanda__full       {left: 22.5%; top: 46.6%;}
  .alemania__full      {left: 46.0%; top: 55.0%;}
  .belgica__full       {left: 38.5%; top: 52.8%;}
  .paises__bajos__full {left: 40.4%; top: 49.0%;}
  .noruega__full       {left: 47.2%; top: 32.0%;}
  .suecia__full        {left: 52.8%; top: 39.0%;}
  .italia__full        {left: 48.6%; top: 71.0%;}
  .cerdena__full       {left: 42.8%; top: 74.4%;}
  .sicilia__full       {left: 50.5%; top: 79.4%;}
  .grecia__full        {left: 61.2%; top: 78.0%;}
  .dinamarca__full     {left: 45.5%; top: 42.4%;}
  .suiza__full         {left: 43.0%; top: 61.0%;}
  .austria__full       {left: 54.0%; top: 60.0%;}
  .eslovenia__full     {left: 52.0%; top: 63.2%;}
  .rep__checa__full    {left: 52.0%; top: 56.4%;}
  .polonia__full       {left: 58.8%; top: 53.0%;}
  .finlandia__full     {left: 69.0%; top: 30.0%;}
  .eslovaquia__full    {left: 59.5%; top: 59.2%;}
  .hungria__full       {left: 57.0%; top: 63.8%;}
  .rumania__full       {left: 67.0%; top: 66.5%;}
  .bulgaria__full      {left: 67.0%; top: 72.8%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry { background-size: 80% !important;}
}


@media only screen and (min-width: 768px) {
  .galicia       {left: 21.6%; top: 65.6%;}
  .spain         {left: 26.0%; top: 75.0%;}
  .baleares      {left: 35.0%; top: 77.4%;}
  .portugal      {left: 20.2%; top: 74.0%;}
  .marruecos     {left: 23.4%; top: 87.8%;}
  .argelia       {left: 34.8%; top: 86.8%;}
  .francia       {left: 35.8%; top: 63.0%;}
  .corcega       {left: 44.0%; top: 71.8%;}
  .reino__unido  {left: 32.4%; top: 52.4%;}
  .irlanda       {left: 23.8%; top: 48.6%;}
  .alemania      {left: 47.5%; top: 55.0%;}
  .belgica       {left: 39.0%; top: 54.0%;}
  .paises__bajos {left: 41.2%; top: 52.2%;}
  .noruega       {left: 48.0%; top: 33.4%;}
  .suecia        {left: 54.0%; top: 41.0%;}
  .italia        {left: 49.4%; top: 72.2%;}
  .cerdena       {left: 44.2%; top: 77.4%;}
  .sicilia       {left: 51.6%; top: 83.4%;}
  .grecia        {left: 62.6%; top: 80.6%;}
  .dinamarca     {left: 47.0%; top: 44.2%;}
  .suiza         {left: 43.5%; top: 64.0%;}
  .austria       {left: 54.0%; top: 63.4%;}
  .eslovenia     {left: 52.8%; top: 66.6%;}
  .rep__checa    {left: 52.8%; top: 58.6%;}
  .polonia       {left: 59.8%; top: 54.0%;}
  .finlandia     {left: 69.5%; top: 30.0%;}
  .eslovaquia    {left: 58.5%; top: 62.6%;}
  .hungria       {left: 60.8%; top: 65.2%;}
  .rumania       {left: 67.4%; top: 68.5%;}
  .bulgaria      {left: 68.2%; top: 75.2%;}
  
  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 80% !important;}
}  

@media only screen and (min-width: 768px) {
  .galicia__full       {left: 21.0%; top: 67.2%;}
  .spain__full         {left: 25.4%; top: 74.4%;}
  .baleares__full      {left: 34.8%; top: 75.4%;}
  .portugal__full      {left: 19.2%; top: 75.0%;}
  .marruecos__full     {left: 22.2%; top: 87.8%;}
  .argelia__full       {left: 34.8%; top: 85.8%;}
  .francia__full       {left: 35.8%; top: 63.0%;}
  .corcega__full       {left: 44.0%; top: 71.8%;}
  .reino__unido__full  {left: 31.8%; top: 51.0%;}
  .irlanda__full       {left: 23.5%; top: 47.6%;}
  .alemania__full      {left: 46.5%; top: 55.0%;}
  .belgica__full       {left: 39.0%; top: 54.0%;}
  .paises__bajos__full {left: 41.0%; top: 50.4%;}
  .noruega__full       {left: 47.5%; top: 32.0%;}
  .suecia__full        {left: 53.4%; top: 39.0%;}
  .italia__full        {left: 49.4%; top: 72.2%;}
  .cerdena__full       {left: 43.6%; top: 76.6%;}
  .sicilia__full       {left: 50.8%; top: 81.4%;}
  .grecia__full        {left: 62.0%; top: 80.2%;}
  .dinamarca__full     {left: 46.5%; top: 43.4%;}
  .suiza__full         {left: 43.5%; top: 62.5%;}
  .austria__full       {left: 54.0%; top: 62.0%;}
  .eslovenia__full     {left: 52.4%; top: 65.2%;}
  .rep__checa__full    {left: 52.8%; top: 58.2%;}
  .polonia__full       {left: 59.8%; top: 54.0%;}
  .finlandia__full     {left: 69.5%; top: 30.0%;}
  .eslovaquia__full    {left: 59.5%; top: 61.2%;}
  .hungria__full       {left: 57.8%; top: 65.2%;}
  .rumania__full       {left: 67.2%; top: 68.5%;}
  .bulgaria__full      {left: 67.2%; top: 74.8%;}
  
  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 80% !important;}
}  


@media only screen and (min-width: 992px) {
  .galicia       {left: 25.4%; top: 69.0%;}
  .spain         {left: 29.6%; top: 76.0%;}
  .baleares      {left: 37.2%; top: 78.4%;}
  .portugal      {left: 24.6%; top: 74.4%;}
  .marruecos     {left: 27.4%; top: 89.0%;}
  .argelia       {left: 37.8%; top: 87.8%;}
  .francia       {left: 38.2%; top: 63.0%;}
  .corcega       {left: 45.4%; top: 74.2%;}
  .reino__unido  {left: 34.8%; top: 51.6%;}
  .irlanda       {left: 27.4%; top: 48.2%;}
  .alemania      {left: 48.4%; top: 55.0%;}
  .belgica       {left: 41.4%; top: 56.2%;}
  .paises__bajos {left: 42.8%; top: 52.4%;}
  .noruega       {left: 48.5%; top: 33.0%;}
  .suecia        {left: 53.5%; top: 41.5%;}
  .italia        {left: 49.8%; top: 73.0%;}
  .cerdena       {left: 45.2%; top: 78.0%;}
  .sicilia       {left: 51.4%; top: 84.2%;}
  .grecia        {left: 61.0%; top: 81.2%;}
  .dinamarca     {left: 47.6%; top: 44.4%;}
  .suiza         {left: 44.8%; top: 64.6%;}
  .austria       {left: 53.8%; top: 63.8%;}
  .eslovenia     {left: 52.5%; top: 67.2%;}
  .rep__checa    {left: 52.4%; top: 58.8%;}
  .polonia       {left: 58.5%; top: 54.5%;}
  .finlandia     {left: 67.0%; top: 30.0%;}
  .eslovaquia    {left: 57.5%; top: 63.0%;}
  .hungria       {left: 60.0%; top: 65.8%;}
  .rumania       {left: 65.2%; top: 68.8%;}
  .bulgaria      {left: 65.2%; top: 75.5%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 90% !important;}
}

@media only screen and (min-width: 992px) {
  .galicia__full       {left: 25.4%; top: 67.6%;}
  .spain__full         {left: 29.6%; top: 75.0%;}
  .baleares__full      {left: 37.2%; top: 76.4%;}
  .portugal__full      {left: 23.6%; top: 76.0%;}
  .marruecos__full     {left: 26.4%; top: 88.5%;}
  .argelia__full       {left: 36.8%; top: 86.8%;}
  .francia__full       {left: 38.2%; top: 63.0%;}
  .corcega__full       {left: 45.2%; top: 72.8%;}
  .reino__unido__full  {left: 34.8%; top: 51.6%;}
  .irlanda__full       {left: 27.4%; top: 48.2%;}
  .alemania__full      {left: 47.6%; top: 55.0%;}
  .belgica__full       {left: 41.0%; top: 54.6%;}
  .paises__bajos__full {left: 42.6%; top: 50.8%;}
  .noruega__full       {left: 48.5%; top: 32.0%;}
  .suecia__full        {left: 53.5%; top: 40.5%;}
  .italia__full        {left: 49.8%; top: 73.0%;}
  .cerdena__full       {left: 44.8%; top: 77.4%;}
  .sicilia__full       {left: 51.2%; top: 82.6%;}
  .grecia__full        {left: 60.4%; top: 81.2%;}
  .dinamarca__full     {left: 47.2%; top: 43.4%;}
  .suiza__full         {left: 44.5%; top: 63.0%;}
  .austria__full       {left: 53.5%; top: 62.5%;}
  .eslovenia__full     {left: 52.5%; top: 65.8%;}
  .rep__checa__full    {left: 52.4%; top: 58.8%;}
  .polonia__full       {left: 58.5%; top: 54.5%;}
  .finlandia__full     {left: 67.0%; top: 30.0%;}
  .eslovaquia__full    {left: 58.5%; top: 61.2%;}
  .hungria__full       {left: 57.2%; top: 65.8%;}
  .rumania__full       {left: 65.2%; top: 68.8%;}
  .bulgaria__full      {left: 65.2%; top: 75.5%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 90% !important;}
}

@media only screen and (min-width: 1024px) {
  .galicia       {left: 22.0%; top: 68.0%;}
  .spain         {left: 26.4%; top: 74.0%;}
  .baleares      {left: 35.2%; top: 77.0%;}
  .portugal      {left: 20.8%; top: 73.6%;}
  .marruecos     {left: 23.2%; top: 87.5%;}
  .argelia       {left: 34.8%; top: 86.8%;}
  .francia       {left: 36.4%; top: 63.0%;}
  .corcega       {left: 45.2%; top: 72.6%;}
  .reino__unido  {left: 32.4%; top: 51.4%;}
  .irlanda       {left: 23.8%; top: 48.2%;}
  .alemania      {left: 47.6%; top: 55.0%;}
  .belgica       {left: 39.6%; top: 55.2%;}
  .paises__bajos {left: 41.4%; top: 51.6%;}
  .noruega       {left: 48.5%; top: 32.0%;}
  .suecia        {left: 53.6%; top: 40.5%;}
  .italia        {left: 49.6%; top: 72.0%;}
  .cerdena       {left: 44.0%; top: 77.0%;}
  .sicilia       {left: 51.4%; top: 82.8%;}
  .grecia        {left: 62.7%; top: 80.2%;}
  .dinamarca     {left: 47.2%; top: 43.4%;}
  .suiza         {left: 44.0%; top: 63.5%;}
  .austria       {left: 54.2%; top: 63.0%;}
  .eslovenia     {left: 52.5%; top: 66.4%;}
  .rep__checa    {left: 54.0%; top: 58.5%;}
  .polonia       {left: 59.8%; top: 54.5%;}
  .finlandia     {left: 69.5%; top: 30.0%;}
  .eslovaquia    {left: 58.5%; top: 62.0%;}
  .hungria       {left: 61.2%; top: 65.0%;}
  .rumania       {left: 67.2%; top: 68.2%;}
  .bulgaria      {left: 67.8%; top: 74.8%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 100% !important;}
}

@media only screen and (min-width: 1024px) {
  .galicia__full       {left: 25.0%; top: 67.8%;}
  .spain__full         {left: 29.6%; top: 75.0%;}
  .baleares__full      {left: 37.2%; top: 76.2%;}
  .portugal__full      {left: 23.8%; top: 75.0%;}
  .marruecos__full     {left: 26.2%; top: 88.5%;}
  .argelia__full       {left: 36.8%; top: 86.8%;}
  .francia__full       {left: 38.8%; top: 63.0%;}
  .corcega__full       {left: 45.2%; top: 72.6%;}
  .reino__unido__full  {left: 34.6%; top: 51.4%;}
  .irlanda__full       {left: 27.2%; top: 48.2%;}
  .alemania__full      {left: 48.0%; top: 55.0%;}
  .belgica__full       {left: 41.0%; top: 54.6%;}
  .paises__bajos__full {left: 42.4%; top: 51.2%;}
  .noruega__full       {left: 48.5%; top: 32.0%;}
  .suecia__full        {left: 53.2%; top: 39.5%;}
  .italia__full        {left: 49.6%; top: 73.0%;}
  .cerdena__full       {left: 44.8%; top: 77.4%;}
  .sicilia__full       {left: 51.4%; top: 82.4%;}
  .grecia__full        {left: 60.7%; top: 80.8%;}
  .dinamarca__full     {left: 47.2%; top: 43.4%;}
  .suiza__full         {left: 45.0%; top: 63.0%;}
  .austria__full       {left: 53.5%; top: 62.5%;}
  .eslovenia__full     {left: 52.5%; top: 65.8%;}
  .rep__checa__full    {left: 52.4%; top: 58.8%;}
  .polonia__full       {left: 58.5%; top: 54.5%;}
  .finlandia__full     {left: 63.5%; top: 30.0%;}
  .eslovaquia__full    {left: 58.5%; top: 61.2%;}
  .hungria__full       {left: 57.2%; top: 66.2%;}
  .rumania__full       {left: 65.2%; top: 68.8%;}
  .bulgaria__full      {left: 65.2%; top: 75.5%;}

  /* tamaño del icono del boton*/ 
  .icono__base, .icono__carretera, .icono__ferry, .icono__grey { background-size: 100% !important;}
}

@media only screen and (min-width: 1200px) {
  .galicia       {left: 22.4%; top: 69.2%;}
  .spain         {left: 26.8%; top: 75.4%;}
  .baleares      {left: 35.9%; top: 78.4%;}
  .portugal      {left: 21.0%; top: 74.4%;}
  .marruecos     {left: 24.2%; top: 88.5%;}
  .argelia       {left: 35.8%; top: 87.8%;}
  .francia       {left: 37.0%; top: 63.0%;}
  .corcega       {left: 45.0%; top: 74.0%;}
  .reino__unido  {left: 33.2%; top: 52.4%;}
  .irlanda       {left: 24.6%; top: 48.6%;}
  .alemania      {left: 48.2%; top: 55.0%;}
  .belgica       {left: 40.0%; top: 56.2%;}
  .paises__bajos {left: 41.6%; top: 52.2%;}
  .noruega       {left: 48.6%; top: 33.0%;}
  .suecia        {left: 54.0%; top: 41.0%;}
  .italia        {left: 49.8%; top: 73.2%;}
  .cerdena       {left: 44.5%; top: 78.2%;}
  .sicilia       {left: 52.0%; top: 84.2%;}
  .grecia        {left: 62.6%; top: 81.6%;}
  .dinamarca     {left: 47.6%; top: 44.4%;}
  .suiza         {left: 44.0%; top: 64.5%;}
  .austria       {left: 54.4%; top: 64.0%;}
  .eslovenia     {left: 53.0%; top: 67.2%;}
  .rep__checa    {left: 54.0%; top: 59.2%;}
  .polonia       {left: 60.0%; top: 54.8%;}
  .finlandia     {left: 69.5%; top: 31.0%;}
  .eslovaquia    {left: 59.0%; top: 63.0%;}
  .hungria       {left: 61.2%; top: 66.0%;}
  .rumania       {left: 67.6%; top: 69.2%;}
  .bulgaria      {left: 67.8%; top: 75.8%;}
}

@media only screen and (min-width: 1200px) {
  .galicia__full       {left: 30.3%; top: 67.8%;}
  .spain__full         {left: 33.8%; top: 74.4%;}
  .baleares__full      {left: 39.9%; top: 76.4%;}
  .portugal__full      {left: 29.0%; top: 75.4%;}
  .marruecos__full     {left: 31.2%; top: 88.5%;}
  .argelia__full       {left: 39.8%; top: 86.8%;}
  .francia__full       {left: 41.0%; top: 63.0%;}
  .corcega__full       {left: 46.1%; top: 72.8%;}
  .reino__unido__full  {left: 37.8%; top: 51.4%;}
  .irlanda__full       {left: 32.0%; top: 48.0%;}
  .alemania__full      {left: 48.2%; top: 55.0%;}
  .belgica__full       {left: 43.0%; top: 54.6%;}
  .paises__bajos__full {left: 44.0%; top: 51.2%;}
  .noruega__full       {left: 49.0%; top: 32.0%;}
  .suecia__full        {left: 52.5%; top: 40.0%;}
  .italia__full        {left: 49.8%; top: 73.2%;}
  .cerdena__full       {left: 46.0%; top: 77.2%;}
  .sicilia__full       {left: 51.0%; top: 82.6%;}
  .grecia__full        {left: 58.6%; top: 80.6%;}
  .dinamarca__full     {left: 48.0%; top: 43.4%;}
  .suiza__full         {left: 46.0%; top: 63.0%;}
  .austria__full       {left: 53.0%; top: 62.5%;}
  .eslovenia__full     {left: 52.0%; top: 65.8%;}
  .rep__checa__full    {left: 52.0%; top: 58.8%;}
  .polonia__full       {left: 57.0%; top: 54.5%;}
  .finlandia__full     {left: 63.5%; top: 30.0%;}
  .eslovaquia__full    {left: 57.0%; top: 61.2%;}
  .hungria__full       {left: 56.2%; top: 65.8%;}
  .rumania__full       {left: 62.2%; top: 68.5%;}
  .bulgaria__full      {left: 62.2%; top: 75.5%;}
}

/* -------------------------------------------- */
/* ----------- FIN MAPA EUROPA SVG ----------- */
/* ------------------------------------------ */

.txt__decoration {
  color: #fca311 !important;
}



/* -------------------------------------------------- */
/* ----------- IMAGENES PARTE CISTERNAS  ----------- */
/* ------------------------------------------------ */

/* LISTADO PARTES CISTERNA: ATP */ 
.atp__img__1   { background-image: url("img/cisternas/atp/sistema__canbus.jpg"); }
.atp__img__2   { background-image: url("img/cisternas/atp/sistema__comunicacion__digital.jpg"); }
.atp__img__3   { background-image: url("img/cisternas/atp/control__presion__neumaticos__tpms.jpg"); }
.atp__img__4   { background-image: url("img/cisternas/atp/compresor__hidraulico.jpg"); }
.atp__img__5   { background-image: url("img/cisternas/atp/cacjon__duchas.jpg"); }
.atp__img__6   { background-image: url("img/cisternas/atp/bandeja__antiderrames.jpg"); }
.atp__img__7   { background-image: url("img/cisternas/atp/boca__hombre.jpg"); }
.atp__img__8   { background-image: url("img/cisternas/atp/conexion__colector__presion.jpg"); }
.atp__img__9   { background-image: url("img/cisternas/atp/valvula__seguridad.jpg"); }
.atp__img__10  { background-image: url("img/cisternas/atp/escalera__acceso__interior.jpg"); }
.atp__img__11  { background-image: url("img/cisternas/atp/pala__arrastre.jpg"); }
.atp__img__12  { background-image: url("img/cisternas/atp/linea__vida.jpg"); }
.atp__img__13  { background-image: url("img/cisternas/atp/barandilla__seguridad.jpg"); }
.atp__img__14  { background-image: url("img/cisternas/atp/filtro__particulas__esteril.jpg"); }
.atp__img__15  { background-image: url("img/cisternas/atp/relojes__temperatura__interior.jpg"); }
.atp__img__16  { background-image: url("img/cisternas/atp/portamangueras__cisternas.jpg"); }
.atp__img__17  { background-image: url("img/cisternas/atp/colector__descarga__100mm.jpg"); }
.atp__img__18  { background-image: url("img/cisternas/atp/serpentin__calefactor.jpg"); }
.atp__img__19  { background-image: url("img/cisternas/atp/acoples__descarga.jpg"); }
.atp__img__20  { background-image: url("img/cisternas/atp/bomba__lobular.jpg"); }
.atp__img__21  { background-image: url("img/cisternas/atp/tanque__prelavado.jpg"); }

/* LISTADO PARTES CISTERNA: PULVERULENTOS */ 
.basculante__img__1    { background-image: url("img/cisternas/basculantes/sistema__canbus.jpg"); }
.basculante__img__2    { background-image: url("img/cisternas/basculantes/sistema__comunicacion__digital.jpg"); }
.basculante__img__3    { background-image: url("img/cisternas/basculantes/control__presion__neumaticos__tpms.jpg"); }
.basculante__img__4    { background-image: url("img/cisternas/basculantes/compresor__hidraulico.jpg"); }
.basculante__img__5    { background-image: url("img/cisternas/basculantes/cable__tir__precintado.jpg"); }
.basculante__img__6    { background-image: url("img/cisternas/basculantes/linea__vida.jpg"); }
.basculante__img__7    { background-image: url("img/cisternas/basculantes/boca__carga__superior.jpg"); }
.basculante__img__8    { background-image: url("img/cisternas/basculantes/boca__hombre.jpg"); }
.basculante__img__9    { background-image: url("img/cisternas/basculantes/suelo__antideslizante.jpg"); }
.basculante__img__10   { background-image: url("img/cisternas/basculantes/barandilla__neumatica.jpg"); }
.basculante__img__11   { background-image: url("img/cisternas/basculantes/despresurizacion__desde__suelo.jpg"); }
.basculante__img__12   { background-image: url("img/cisternas/basculantes/tercera_luz__freno.jpg"); }
.basculante__img__13   { background-image: url("img/cisternas/basculantes/agarres__ferry.jpg"); }
.basculante__img__14   { background-image: url("img/cisternas/basculantes/monitorizacion__ebs.jpg"); }
.basculante__img__15   { background-image: url("img/cisternas/basculantes/motor__elevador.jpg"); }
.basculante__img__16   { background-image: url("img/cisternas/basculantes/acoples__reducciones.jpg"); }
.basculante__img__17   { background-image: url("img/cisternas/basculantes/enfriador__aire.jpg"); }
.basculante__img__18   { background-image: url("img/cisternas/basculantes/primer__eje__elevable.jpg"); }
.basculante__img__19   { background-image: url("img/cisternas/basculantes/portamangueras__5__metros.jpg"); }
.basculante__img__20   { background-image: url("img/cisternas/basculantes/cable__toma__tierra.jpg"); }
.basculante__img__21   { background-image: url("img/cisternas/basculantes/vibrador__virola.jpg"); }
.basculante__img__22   { background-image: url("img/cisternas/basculantes/valvula__antirretorno__colector__aire.jpg"); }
.basculante__img__23   { background-image: url("img/cisternas/basculantes/mandos__control__cisterna.jpg"); }
.basculante__img__24   { background-image: url("img/cisternas/basculantes/colector__filtro__micronico.jpg"); }
.basculante__img__25   { background-image: url("img/cisternas/basculantes/fluidificador.jpg"); }
.basculante__img__26   { background-image: url("img/cisternas/basculantes/ayuda__descarga.jpg"); }
.basculante__img__27   { background-image: url("img/cisternas/basculantes/cono__descarga.jpg"); }
.basculante__img__28   { background-image: url("img/cisternas/basculantes/brazo__apertura__lateral__cono.jpg"); }



/* IMAGENES BANNER PRESENTACION HOME + SOCIAL */ 
.banner__rutas { 
  background-image: url("img/home/home__banner__rutas.png");
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner__flotas { background-image: url("img/home/home__banner__flota.png");
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner__instalaciones__home { background-image: url("img/home/instalaciones__vazquez__portela.jpg");
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.banner__calidad__ambiental { background-image: url("img/etica/banner__calidad__ambiental.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner__alcohol { background-image: url("img/etica/banner__alcohol.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner__corrupcion { background-image: url("img/etica/banner__lucha__corrupcion.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner__rsc { background-image: url("img/etica/banner__responsabilidad__social.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner__seguridad { background-image: url("img/etica/banner__seguridad.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

/* IMAGENES SECCIONES ETICA + SOCIAL */ 

.bg__etica { background-image: url("img/etica/compromiso__etico__vazquez__portela.jpg");
  background-position:  center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.gestion_ambiental { background-image: url("img/etica/politica__gestion__calidad__ambiental.jpg");
  background-position:  center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.seguridad_alimentaria { background-image: url("img/etica/politica__seguridad__alimentaria.jpg");
  background-position:  left center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.responsabilidad__social { background-image: url("img/etica/responsabilidad__social.jpg");
  background-position:  left center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.anticorrupcion { background-image: url("img/etica/politica__anticorrupcion.jpg");
  background-position:  left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.anti__alcohol { background-image: url("img/etica/politica__alcohol__0.jpg");
  background-position:  left top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

/* IMAGENES SECCION EMPRESA */ 
.bg__conocenos { background-image: url("img/empresa/empresa-transporte-cisternas.jpg");
  background-position:  60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 420px;
}

@media only screen and (max-width: 576px) {
  .bg__conocenos { 
    background-position: 60%;
  }
}
.bg__historia__01 { background-image: url("img/empresa/origenes__vazquez__portela__leche.jpg");
  background-position:  center right ;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__historia__02 { background-image: url("img/empresa/origenes__vazquez__portela__invierno.jpg");
  background-position:  center right ;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES SECCION INSTALACIONES */ 
.bg__taller { background-image: url("img/empresa/taller__mecanico__vazquez__portela.jpg");
  background-position:  0% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__oficinas { background-image: url("img/empresa/oficinas__administracion__vazquez__portela.jpg");
  background-position:  40% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__gasolinera { background-image: url("img/empresa/gasolinera__adblue__vazquez__portela.jpg");
  background-position:  25% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__recepcion { background-image: url("img/empresa/recepcion__vazquez__portela.jpg");
  background-position:  30% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__cafeteria { background-image: url("img/empresa/cafeteria__vazquez__portela.jpg");
  background-position:  50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__taller__mecanico { background-image: url("img/taller/taller-camiones-lugo-24-horas.jpg");
  background-position:  0% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES SECCION EMPLEO   */ 
.banner__empleos { background-image: url("img/etica/ofertas__empleo.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner__empleos__2 { background-image: url("img/etica/ofertas__empleo__2.png");
  background-position:  top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg__empleos { background-image: url("img/empresa/ofertas__empleo.jpg");
  background-position:  60% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES SECTORES INDUSTRIALES */ 
.bg__sectores { background-image: url("img/servicios/cisternas-para-sectores-industriales.jpg");
  background-position:  56%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 630px;
}


/* IMAGENES TIPOS DE PRODUCTOS   */ 
.producto__vinos { background-image: url("img/productos/transporte_de_vino_en_cisternas.jpg");
  background-position:  60% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  max-width: 100%;
}

.services__bg { background-image: url("img/bg__square.png");
  background-position:  right;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ------------ ENLACES TITULO PAGINAS ----------------- */
.link__title {
  color: var(--yellow);
  text-decoration: none;
}

a:hover .link__title, .link__title:hover {
  color: var(--blue);
}


/* -------------------------------------------------------------------------- */
/* --- IMAGENES TARJETAS  \ CARDS (HOME - SERVICIOS - FLOTA - EMPLEO - ) --- */
/* ------------------------------------------------------------------------ */


/* TAMAÑO IMAGENES IMAGENES TARJETA CISTERNAS */ 
.cisterna__card__img { 
  width: auto;
  height: 150px !important;
  background-repeat: no-repeat;
}

.cisterna__card__img__3 { 
  width: auto;
  height: 210px !important;
  background-repeat: no-repeat;
}

.cisterna__card__img__big { 
  width: 100% !important;
  height: 400px !important;
  background-repeat: no-repeat;
}

/* IMAGENES OFERTAS EMPLEO */ 
.empleo__conductor { background-image: url("img/empleo/empleo__conductor__cisterna__vazquezportela.jpg");
  background-position:  20%;
  background-size: cover;
}

.empleo__admin { background-image: url("img/empleo/empleo__administrativa__vazquezportela.jpg");
  background-position:  65%;
  background-size: cover;
}

.empleo__lavadero { background-image: url("img/empleo/empleo__operario__lavadero.jpg");
  background-position:  10%;
  background-size: cover;
}

.empleo__mecanico { background-image: url("img/empleo/empleo__mecanico_camiones.jpg");
  background-position:  65%;
  background-size: cover;
}

/* IMAGENES LAVADERO DE CISTERNAS  */ 
.bg__lavadero { background-image: url("img/servicios/lavadero-cisternas-lugo.jpg");
  background-position:  40% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__lavadero__2 { background-image: url("img/lavadero/estacion__lavado__cisternas__vazquez__portela.jpg");
  background-position:  40% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* AJUSTAR IMAGENES A VERSION MOBILE  */ 
@media only screen and (max-width: 575px) {
  .bg__lavadero {
    background-position:  10%;
  } 
} 

/* IMAGENES GÓNDOLA  */ 
.bg__gondola { background-image: url("img/servicios/servicio-asistencia-gondola-24h.jpg");
  background-position:  20% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.bg__gondola__2 {
   background-image: url("img/servicios/asistencia-carretera-24h.jpg");
  background-position:  50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

/* IMAGENES PARKING VIGILADO */ 
.bg__parking { background-image: url("img/servicios/parking-vigilado-lugo.jpg");
  background-position:  40% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES lIQUIDOS ALIMENTICIOS ATP */ 
.bg__cisternas__atp { background-image: url("img/transporte/cisterna-alimentaria-acero-inoxidable.jpg");
  background-position:  60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES lIQUIDOS QUIMICOS NO ADR */ 
.bg__cisternas__adr { background-image: url("img/transporte/transporte-cisternas-quimicas-no-adr.jpg");
  background-position:  60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES lIQUIDOS QUIMICOS NO ADR */ 
.bg__cisternas__sandach { background-image: url("img/transporte/transporte-cisternas-subproductos-sandach.jpg");
  background-position:  60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES PULVERURELNTOS */ 
.bg__cisternas__pulve { background-image: url("img/transporte/transporte-cisternas-granulados-pulverulentos.jpg");
  background-position:  50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES ASPIRACION LIQUIDOS */ 
.bg__cisternas__liquidas__aspirantes { background-image: url("img/transporte/cisterna-aspirante-liquidos-alimentarios-quimicos.jpg");
  background-position:  90% 10%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES ASPIRACION LIQUIDOS */ 
.bg__cisternas__solidas__aspirantes { background-image: url("img/transporte/cisternas-aspirantes-solidos-granulados-pulverulentos.jpg");
  background-position:  70% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

/* IMAGENES AGUA POTABLE REGADIO */ 
.bg__cisternas__agua { background-image: url("img/transporte/transporte-cisternas-agua-potable-regadio.jpg");
  background-position:  80%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 380px;
}

.liquidos__vinos { background-image: url("img/productos/alimentarios/transporte_de_vino_en_cisternas.jpg");
  background-size: contain;
}

.liquidos__lacteos { background-image: url("img/productos/alimentarios/transporte_de_leche_en_cisternas.jpg");
  background-size: contain;
}

.liquidos__aceites { background-image: url("img/productos/alimentarios/transporte_de_aceites_vegetales_en_cisternas.jpg");
  background-size: contain;
}

.liquidos__zumos { background-image: url("img/productos/alimentarios/transporte_de_zumos_en_cisternas.jpg");
  background-size: contain;
}

.liquidos__cervezas { background-image: url("img/productos/alimentarios/transporte_de_cerveza_en_cisterna.jpg");
  background-size: contain;
}

.liquidos__glucosas { background-image: url("img/productos/alimentarios/transporte_de_glucosas_liquidas_en_cisterna.jpg");
  background-size: contain;
}

.liquidos__chocolate { background-image: url("img/productos/alimentarios/transporte_de_chocolate_liquido_en_cisterna.jpg");
  background-size: contain;
}

.liquidos__mantecas { background-image: url("img/productos/alimentarios/transporte_de_mantecas_vegetales_en_cisterna.jpg");
  background-size: contain;
}

.liquidos__salmueras { background-image: url("img/productos/alimentarios/transporte_de_salmuera_en_cisternas.jpg");
  background-size: contain;
}

.liquidos__mieles { background-image: url("img/productos/alimentarios/transporte_de_miel_liquida_en_cisterna.jpg");
  background-size: contain;
}

.liquidos__agua { background-image: url("img/productos/alimentarios/transporte_de_agua_potable_en_cisternas.jpg");
  background-size: contain;
}

/* IMAGENES lIQUIDOS ALIMENTICIOS SANDACH */ 
.liquidos__grasas { background-image: url("img/productos/sandach/transporte__grasas__animales__sandach.jpg");
  background-size: contain;
}


/* AJUSTAR TAMAÑO CONTADORES ANIMADOS  */ 

@media only screen and (min-width: 1024px) {
  .elementor-counter-number {
    font-size:80px !important;
  }
}

@media only screen and (max-width: 575px) {
  .elementor-counter-number {
    font-size:55px !important;
  }
  .elementor-counter-title {
    font-size:14px !important;
  }
}


/* ------------------------------------------- */
/* ----- BANNER CONSENTIMIENTO COOKIES ----- */
/* ---------------------------------------- */

.moove-gdpr-dark-scheme {
  background-color: #1C244B !important;
  border-top: none !important;
}

.moove-gdpr-info-bar-content button.mgbutton {
  background-color: #467ff7 !important;
}

.moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
  background-color: transparent !important;
  border-color: 1px solid #ffffff;
}

button.mgbutton.moove-gdpr-infobar-settings-btn:hover {
  background-color: #ffffff !important;
} 

.moove-gdpr-cookie-notice strong {
  color: #467ff7;
}

.moove-gdpr-cookie-notice a {
  color: #fca311 !important;
  text-decoration: none !important;
}

.moove-gdpr-cookie-notice span.change-settings-button {
  text-decoration: none !important;
  color: #fca311 !important;
}


/* ------------------------------------------ */
/* ---------- ARTICULOS DEL BLOG ---------- */
/* -------------------------------------- */

.single-post .transx_content_wrapper  h1 {
  font-size: 32px;
}

.accept_policy {
  font-size: 13px;
  position: relative;
  float: left;
  margin: 20px 0 0px 0px !important;
}

.accept_policy p {
  font-size: 13px;
  font-weight: 600;
}

.accept_policy a {
  text-decoration: none;
}

.transx_offices_list a.footer__links {
  color: #fca311 !important;
}

.transx_offices_list a.footer__links:hover {
  color: #467ff7 !important;
}


/* --------------------------- */
/* --------- WIDGET ---------*/
/* ----------------------- */

.widget__portela, .widget_transx_featured_posts_widget {
  position: relative;
  border-left: #e8e8e8 1px solid;
  padding: 1px 0 0 0px;
  margin: 0 0 20px 0;
}

.widget__portela .widget__block {
  position: absolute;
  float: left;
  top: 0;
  left: -2px;
  width: 3px;
  height: 45px;
  background-color: #005BAC;
}

.widget__portela ul li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding: 12px 0;
  margin: 0;
  line-height: 130%;
  list-style: none;
}

.widget__portela h6 {
  padding: 0px 15px;
}

.widget__portela ul li a {
  text-decoration: none;
  color: #454545;
  font-size: 14px;
  font-weight: 500;
  
}

.widget__portela ul li a:hover {
  color: #005bac !important;
}

.transx_sidebar .widget_title {
  text-transform: none !important;
}

.widget_transx_featured_posts_widget {
  color: #005BAC;
}


/* ----------------------------------- */
/* --------- TITULO PAGINAS ---------*/
/* ------------------------------- */
.transx_page_title_container {
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  background-position: center !important;
  background-size: cover !important;
  min-height: 180px !important;
  background-color: #1c244b !important;
  margin-bottom: 25px;
  margin-top:  100px;
  width: 100%;
  height: auto;
  background-image: url("img/bg__square.png") !important;
}

.transx_page_title {
  color: var( --e-global-color-b111e03 );
  font-size: 42px !important;
  text-align: left;
}

.transx_no_results_title {
  font-size: 32px;
  line-height: 1.6;
  color: #414a53;
  font-weight: 600;
  padding: 0em 0em 1em 0.3em;
}

.transx_bg_color_alt {
  background-color: #fff !important;
}

.parafo__big {
  font-size: 18px;
  font-weight: 400;
}


/* ----------------------------------------------- */
/* ---------  ICONO TELEFONO CABECERA 4  ---------*/
/* ---- Oculatamos el icono del telefono para que no se solape con el menu  ---------------------- */

.transx_page-header_4 .transx_tagline_phone_marker {
  display: none!important;
}

.transx_tagline_phones_container a {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  color: #005bac !important;
}

.transx_tagline_phones_container a:hover {
  color: #fca311 !important;
}


.transx_alt_header_button {
  padding: 0 50px !important;
}

.transx_page-header_4 .transx_tagline_phones_container a:last-of-type {
  margin-right: 75px !important;
}