main {
  max-width: 1366px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

/*---Textos---*/

h1,
h2,
h3 {
  font-family: "Open Sans", sans-serif;
  color: #3075a5;
}

h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  color: #3075a5;
}

p {
  font-family: "Nunito", sans-serif;
  color: #0c0c0C;
  font-size: 16px;
}

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

/*---Navbar---*/

.navbar {
  transition: 0.8s;
}

.navbar-brand {
  font-family: girolight;
  font-weight: 100;
  font-size: 200%;
  color: #fff !important;
}

.navbar-color {
  background-color: rgba(48, 117, 165, 0.7);
  color: #fff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.navbar-color .nav-link {
  color: #fff;
  text-shadow: none;
  transition: 0.2s;
}

.navbar-color .navbar-brand {
  color: #fff;
  transition: 0.2s;
}

.navbar-color fas {
  color: #fff;
}

.navbar-brand img {
  height: auto;
  width: 60px;
}

.nav-link {
  text-transform: uppercase;
  text-shadow: 1px 1px 4px #0c0c0C;
  color: #fff;
  font-weight: bold;
  transition: 0.2s;
}

.nav-link:hover {
  color: #fff;
  opacity: 0.8;
  margin-top: -2px;
}

.navbar-panel-mobile {
  background-color: white;
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  position: fixed;
  z-index: 99999;
  opacity: 1;
  left: 100%;
}

.navbar-panel-mobile .nav-link {
  text-transform: uppercase;
  color: #3075a2;
  text-shadow: none;
  font-weight: bold;
  transition: 0.2s;
}

.navbar-panel-mobile .nav-link:hover {
  opacity: 0.8;
  margin-top: -2px;
}

.navbar-panel-head {
  padding: 10px 0;
}

.navbar-panel-head a {
  margin: 4%;
  color: #3075a2;
}

.navbar-panel-head i {
  font-size: 30px;
}

.navbar-panel-items {
  padding: 30px 45px;
  text-align: right;
}

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

.contact-content-web-content {
  background-color: #fff;
  padding: 10px 61px;
  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;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar-transparent {
    background-color: transparent;
    transition: 0.2s;
  }

  .navbar-color {
    background-color: rgba(265, 265, 265, 0.9);
    transition: 0.2s;
  }

  .navbar-color .navbar-brand {
    color: #3075a2 !important;
  }

}

@media only screen and (max-width: 767px) {
  .navbar-transparent {
    background-color: transparent;
    transition: 0.2s;
  }

  .navbar-color {
    background-color: rgba(265, 265, 265, 0.9);
    transition: 0.2s;
  }

  .navbar-color .navbar-brand {
    color: #3075a2 !important;
  }

}

@media only screen and (max-width: 767px) {
  #navb_1 {
    height: 100px;
  }

  .navbar-brand img {
    height: auto;
    width: 60px;
  }

  .navbar-transparent-i {
    color: rgba(64, 154, 206, 1);
  }

  .navbar-color-i {
    color: rgba(64, 154, 206, 1);
  }
}

/*--- footer ---*/

.footer-ss {
  background-color: rgba(12, 12, 12, 0.6);
  color: #fff;
  padding: 40px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.footer-ss .container-ss {
  display: flex;
  flex-wrap: wrap;
}

.footer-ss .container-ss .info {
  width: 40%;
}

.footer-ss .container-ss .info .slogan {
  margin: 0px 0;
}

.footer-ss .container-ss .info .slogan h6 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

.footer-ss .container-ss .contact {
  width: 40%;
  padding: 0 60px;
  color: #fff !important;
  font-weight: bold;
  text-align: right;
}

.footer-ss .container-ss .contact .item {
  display: flex;
}

.footer-ss .container-ss .contact .item .icon {
  margin-right: 10px;
  font-size: 20px;
}

.footer-ss .container-ss .contact a {
  text-decoration: none;
  transition: 2s;
}

.footer-ss .container-ss .contact a:hover {
  transform: scale(1.1);
  opacity: 0.7;
  text-decoration: underline;
}

.footer-ss .container-ss .contact p {
  margin: 2px 0;
  color: #fff !important;
  font-weight: bold;
}

.footer-ss .container-ss .terms {
  width: 20%;
  color: #fff !important;
  font-weight: bold;
  text-align: right;
}

.footer-ss .container-ss .terms a {
  color: #fff;
  text-decoration: none;
  transition: 2s;
}

.footer-ss .container-ss .terms a:hover {
  transform: scale(1.1);
  opacity: 0.7;
  text-decoration: underline;
}

.footer-ss .social-networks {
  text-align: center;
  font-size: 25px;
}

.footer-ss .social-networks a {
  text-decoration: none;
  color: #fff;
  margin: 5px 10px;
  transition: 0.2s;
}

.footer-ss .social-networks a:hover {
  opacity: 0.7;
}

.footer-ss .copyright {
  margin-top: 20px;
  text-align: center;
}

.footer-ss .copyright a {
  text-decoration: none;
  color: #fff;
  transition: 0.2s;
}

.footer-ss .copyright a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

/*---Fondos y contenedores---*/

.hide-element {
  display: none;
}

/*--- 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;
}

.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%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*---Scrolls---*/

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

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

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