/*Fonts*/
@font-face {
  font-family: girolight;
  src: url("Fonts/girolight-font.otf");
  font-display: swap;
}

@font-face {
  font-family: helveticaBlk;
  src: url("Fonts/HelveticaLTStd-BlkCond.otf");
  font-display: swap;
}

@font-face {
  font-family: helveticaBold;
  src: url("Fonts/HelveticaLTStd-BoldCond.otf");
  font-display: swap;
}

@font-face {
  font-family: helveticaLight;
  src: url("Fonts/HelveticaLTStd-LightCond.otf");
  font-display: swap;
}

@font-face {
  font-family: robotoRegular;
  src: url("Fonts/Roboto-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: HelveticaLTStd-ExtraComp;
  src: url("Fonts/HelveticaLTStd-ExtraComp.otf");
  font-display: swap;
}

@font-face {
  font-family: GothamBook;
  src: url("Fonts/GothamBook.ttf");
  font-display: swap;
}

body {
  background-color: rgba(65, 120, 160, 1) !important;
}

/*Textos*/

h1, h2, h3 {
  font-family: HelveticaLTStd-ExtraComp;
  color: #3075a5;
}

h4, h5, h6 {
  font-family: HelveticaLTStd-ExtraComp;
  color: #3075a5;
}

p{
  font-family: helveticaLight;
}

.fontawesome-select {
  font-family: 'Font Awesome 5 Free', Arial, sans-serif;
}

/* Fondos y contenedores */

.hide-element{
  display: none;
}

#L_contenido {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0;
}

.panel_content {
  padding: 100px 0 10px 0;
  text-align: center;
}

.contact-content-web-content {
  background-color: #fff;
  padding: 45px;
  border-radius: 25px;
  text-align: right;
}

.contact-content-web-content p {
  color: #3075a2;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 100%;
  margin: 0;
}

.contact-content-web-content a {
  color: #686868;
  transition: 0.2s;
  text-decoration: none;
}

.contact-content-web-content a:hover {
  color: #686868;
  text-decoration: none;
  opacity: 0.6;
}

/*--- Botones ---*/

.btn-ss {
  padding: 5px 40px;
  text-align: center;
  background-color: #3075a5;
  font-weight: bold;
  color: #fff !important;
  text-shadow: none;
  border: #3075a5 1px solid;
  transition: 0.2s;
  border-radius: 10px;
  text-decoration: none;
}

.btn-ss.bordered {
  background-color: transparent;
  border: #fff 1px solid;
}

.btn-ss:hover {
  color: #3075a5 !important;
  background-color: #fff;
  border: #3075a5 1px solid;
  transform: scale(1.1);
  opacity: 0.9;
}

.btn-ss-cta {
  text-align: center;
  background-color: transparent;
  font-size: larger;
  font-weight: bold;
  color: #fff !important;
  text-shadow: none;
  border: #fff 2px solid;
  transition: 0.2s;
  border-radius: 10px;
}

.btn-ss-cta:hover {
  color: #3075a5 !important;
  background-color: #fff;
  border: #3075a5 2px solid;
  transform: scale(1.1);
  opacity: 0.9;
}

.btn-ss-cta-regular {
  text-align: center;
  background-color: transparent;
  font-size: larger;
  font-weight: bold;
  color: #3075a5 !important;
  border: #3075a5 2px solid;
  transition: 0.2s;
  border-radius: 10px;
}

.btn-ss-cta-regular:hover {
  color: #fff !important;
  background-color: #3075a5;
  border: #3075a5 2px solid;
  transform: scale(1.1);
  opacity: 0.9;
}

.btn-ss-bordered {
  text-align: center;
  background-color: white;
  color: #3075a5 !important;
  border: #3075a5 2px solid;
  transition: 0.2s;
}

/*Textboxes*/
.textbox {
  border-bottom: 1px solid #3075a5;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent;
  border-radius: 0%;
}

/*Footer*/

.footer-ss{
  padding: 30px 25px 30px 25px;
  background: #1e3a5e;
  color:white;
}

.footersocial{
  margin: 1%;
  font-size: 14px;
  color: white;
  transition: 0.2s;
}
.footersocial:hover{
  opacity: 0.5;
  color: white;
}

/*Mapeo*/
.area {
  border: #000 solid 1px;
}
/*-Scrolls-*/

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: lightgray;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3075a5;
    border-radius: 20%;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.badge{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

/*Imágenes*/

/*Media Query*/

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

  .footersocial{
    margin: 4%;
    font-size: 14px;
    color: white;
    transition: 0.2s;
  }
  .footersocial:hover{
    opacity: 0.5;
    color: white;
  }

}