@font-face { font-family: 'c_roman'; src: url('../fonts/Crimson-Roman.otf'); }
@font-face { font-family: 'c_semi'; src: url('../fonts/Crimson-Semibold.otf'); }
@font-face { font-family: 'c_bold'; src: url('../fonts/Crimson-Bold.otf'); }
@font-face { font-family: 'o_regular'; src: url('../fonts/OpenSans-Regular.ttf'); }
@font-face { font-family: 'o_sitalic'; src: url('../fonts/OpenSans-SemiboldItalic.ttf'); }
@font-face { font-family: 'o_italic'; src: url('../fonts/OpenSans-Italic.ttf'); }
@font-face { font-family: 'o_bold'; src: url('../fonts/OpenSans-Bold.ttf'); }

html{ scroll-behavior: smooth; }
.h100{ min-height: 100vh; }
.w100{ width: 100%; }
.pd0{ padding: 0; }
.centrado{ display: flex; justify-content: center; align-items: center; }
h1, h2, h3, h4, p{ margin: 0; }
.navbar{ width: 100%; background-color: unset; border: none; margin: 0; position: absolute; }
.navbar-header{ height: 85px; }
.navbar-nav>li{ padding: 0 15px; }
.navbar-default .navbar-nav>li>a{ color: #fff; font-family: 'c_semi'; font-size: 18px; padding: 20px 2px 5px; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color: #fff; border-bottom: 1px solid #fff; padding: 20px 2px 5px; }
.home{ background: url('../images/home.jpg'); background-size: cover; }
.frase_home{ position: absolute; bottom: 16vh; right: 4vw; border-left: 2px solid #fff; padding-left: 20px; }
.rrss{ position: absolute; display: flex; transform: rotate(270deg); }
.idioma{ position: absolute; left: 6vw; }
.firma_legal{ background: url('../images/firma_legal.jpg'); background-size: cover; }
.firma_legal_texto{ text-align: center; }
.servicios_legales{ background: url('../images/servicios_legales.jpg'); background-size: cover; text-align: center; padding: 100px 0 140px; }
.servicios>div{ cursor: pointer; }
.servicios_img{ height: 50px; }
.contacto{ background: url('../images/contacto.jpg'); background-size: cover; text-align: center; }
.contact_p{ color: #fff; font-family: 'o_italic'; margin-bottom: 60px; }
.form-group { margin-bottom: 30px; }
.form-control{ background-color: unset; border: none; border-bottom: 1px solid #fff; border-radius: 0; box-shadow: unset; padding: 0; font-size: 17px; font-family: 'o_regular'; color: #8E8E8E; }
/* 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; }
.footer{ background: url('../images/footer.jpg'); background-size: cover; padding: 12px 15px; }
hr{ width: 15%; border-top: 2px solid #fff; margin-left: 30px; }
.foot{ background-color: #002A39; text-align: center; }
.foot>p{ margin: 15px 0; font-size: 14px; color: #fff; }
label{ color: #fff; font-family: 'o_regular'; margin-left: 30px; }
h1{ color: #fff; font-family: 'c_bold'; text-transform: uppercase; }
h2{ color: #002E3B; font-family: 'c_bold'; text-transform: uppercase; margin-bottom: 20px; }
h3{ color: #fff; font-family: 'c_roman'; text-transform: uppercase; }
h4{ color: #8E8E8E; font-family: 'o_sitalic'; font-size: 20px; margin-bottom: 40px; }
p{ color: #8E8E8E; font-family: 'o_regular'; font-size: 17px; margin-bottom: 20px; }
span{ color: #8E8E8E; font-family: 'c_semi'; font-size: 12px; text-transform: uppercase; }
.btn, .btn:hover{ background-color: unset; border: 1px solid #fff; color: #fff; padding: 5px 50px; border-radius: 0; font-family: 'o_regular'; font-size: 16px; }
/* celular */
@media (max-width: 767px) {
  .logo{ width: 200px; }
  .servicios_img{ margin: 30px 0 0; }
  h1{ font-size: 36px; }
  h3{ font-size: 20px; }
  .rrss{ bottom: 60vh; left: -55px; }
  .idioma{ bottom: 40vh; }
}

/* desktop */
@media (min-width: 768px) {
  .logo{ width: 250px; }
  .navbar-brand{ padding: 20px 65px; }
  .servicios{ display: flex; justify-content: space-evenly; }
  .etiquetado{ position: absolute; width: 170%; margin-left: -80px; }
  .internacional{ position: absolute; width: 115%; left: 0; }
  .una_linea{ position: absolute; width: 125%; margin-left: -60px; }
  .lobby{ position: absolute; width: 155%; margin-left: -80px; }
  .servicios_img{ margin-bottom: 15px; }
  .s1{ margin-top: 30px; }
  .s2{ margin: 80px 0; }
  .rrss{ bottom: 45vh; }
  .idioma{ bottom: 10vh; }
  h1{ font-size: 45px; }
  h3{ font-size: 25px; }
}