html {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Helvetica';
  src: url("/wps/wcm/connect/banco-de-occidente/560eb228-dc68-419b-937e-9d3e41e0489f/Helvetica.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-de-occidente/560eb228-dc68-419b-937e-9d3e41e0489f/Helvetica.eot?MOD=AJPERES?#iefix") format("embedded-opentype"), url("/wps/wcm/connect/banco-de-occidente/17e5f861-ecb4-4270-9d00-39f81847958e/Helvetica.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-de-occidente/cc590eff-ed05-43fa-8ce3-bd6b3ed631f8/Helvetica.ttf?MOD=AJPERES") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Helvetica-Light';
  src: url("/wps/wcm/connect/banco-de-occidente/dff65d76-7807-4c51-82f6-ab13c50152bf/Helvetica.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-de-occidente/dff65d76-7807-4c51-82f6-ab13c50152bf/Helvetica.eot?MOD=AJPERES?#iefix") format("embedded-opentype"), url("/wps/wcm/connect/banco-de-occidente/7a657639-a0cc-406e-afe5-4eb965cc1261/Helvetica.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-de-occidente/99b13a6e-b389-4a1b-8c70-3121742e72a9/Helvetica.ttf?MOD=AJPERES") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Kuro-Italic';
  src: url("/wps/wcm/connect/banco-de-occidente/cdf20d4e-56e5-4eaa-a346-3f878f2d5b5f/Kuro-Italic.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-de-occidente/cdf20d4e-56e5-4eaa-a346-3f878f2d5b5f/Kuro-Italic.eot?MOD=AJPERES?#iefix") format("embedded-opentype"), url("/wps/wcm/connect/banco-de-occidente/96326134-1d01-4bca-9dcb-e689ce9b32a2/Kuro-Italic.woff?MOD=AJPERES") format("woff"), url("../fonts/Kuro-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Kuro-Regular';
  src: url("/wps/wcm/connect/banco-de-occidente/15bbc704-d9b2-457d-902b-d1a187563454/Kuro-Regular.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-de-occidente/15bbc704-d9b2-457d-902b-d1a187563454/Kuro-Regular.eot?MOD=AJPERES?#iefix") format("embedded-opentype"), url("/wps/wcm/connect/banco-de-occidente/e5b06f81-4276-4fea-9ed0-6291713e8b52/Kuro-Regular.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-de-occidente/a946ea45-bafa-4719-853e-bc8a07c343d5/Kuro-Regular.ttf?MOD=AJPERES") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Kuro-bold';
  src: url("/wps/wcm/connect/banco-de-occidente/1d74fbe1-d4d9-40b8-bef9-860dfc4d8cf3/Kuro-Bold.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-de-occidente/1d74fbe1-d4d9-40b8-bef9-860dfc4d8cf3/Kuro-Bold.eot?MOD=AJPERES?#iefix") format("embedded-opentype"), url("/wps/wcm/connect/banco-de-occidente/a76a3d9a-0fc7-4555-8881-9b17c24f9b38/Kuro-Bold.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-de-occidente/865446b1-c03d-4ee7-b3d6-7210755f535c/Kuro-Bold.ttf?MOD=AJPERES") format("truetype");
  font-weight: bold;
  font-style: normal; }

.ie {
  opacity: 0;
  display: none;
  width: 100%;
  height: 150px;
  cursor: default;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  text-align: center; }

.ie div:first-child{
  width: 20%;
  display: block;
  float: left;
  padding: 30px 0;
}

.ie h1 {
  font-family: "Kuro-Regular", sans-serif;
  color: #008ad1;
  font-weight: 100;
  width: 100%;
  text-align: left;
  font-size: 1.5em;
  padding: 23px 0;
 }

.ie h1 span {
  font-family: "Kuro-Italic", sans-serif;
  font-style: italic;
  color: #001e46; }

.ie p {
  color: #5D5D5D;
  width: 90%;
  text-align: left;
}

.ie p strong {
  color: #008ad1; }

.ie .w65 {
  padding: 0;
  width: 35%;
  display: block;
  float: left;
}


.ie .navegadores{
  display: block;
  float: left;
  padding-left:30px;
  width: 40%;
}

#line
{
border-left: 1px solid #706f6f;
height: 80%;
display: block;
float: left;
width: auto;
margin: 1% 0;
}

.navegadores ul{
  margin: 0;
  padding: 5px 0;
  width: 100%;
}

.navegadores ul li {
  display:block;
  text-align: center;
  margin: 0;
  padding: 0px 26px;
  font-size: 15px;
  float: left;
 }

.navegadores img {
   max-width: 50px;
   padding-right: 6px; }

.navegadores span {
   display: block;
   color: #001e46; }




*, *::after, *::before {
  box-sizing: inherit;
}


/*@media screen and (-webkit-min-device-pixel-ratio:0) {
 .content{ height: calc(100% - -140px)  }
}*/

img[src="/wps/wcm/connect/banco-de-occidente/114eecca-0ada-441c-b0db-e2e414e0fd2d/logo_occidente_header.png?MOD=AJPERES"]{float: left;}
.wpthemeInner , .layoutRow{width: 100%;}
.wpthemeOverflowAuto{overflow: hidden !important;}
.header .btn {
  border: 1.5px solid;
  font-family: "Kuro-Regular", sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 15px 2px;
  width: 13%;
  text-align: center;
}

body, html {
  height: auto;
  min-width: 320px;
  /*display: flex;
  align-content: space-around;
  flex-direction: column;*/
}

a {
  text-decoration: none;
}

h1 {
  text-align: center;
  font-family: "Kuro-Regular", sans-serif;
  width: 100%;
  line-height: 25px;
}

hr {
  margin: 5px auto;
  width: 90%;
  clear: both;
}

.header {
  background-image: url("/wps/wcm/connect/banco-de-occidente/a3369911-24ac-47ec-ab55-4b017045942b/header.png?MOD=AJPERES");
  width: 100%;
  height: 60px;
  padding: 0 1%;
  background-size: cover;
  background-position: left;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* align-items: center; */
  justify-content: space-around;
}
.header h1 {
  font-family: "Kuro-Italic", sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: left;
  padding: 0;
  display: block;
  line-height: 32px;
  width: 44%;
  float: left;
  margin-left: 9%;
}
.header h1 span {
  color: #36A9E1;
  font-style: italic;
}
.header .btn:hover {
  opacity: 0.7 !important;
  color: #36A9E1;
  text-decoration: none;
}

.header .btn:active , .header .btn:focus, .header .btn:visited {
  opacity: 0.7 !important;
  text-decoration: none;
}
.btn:active, .btn:focus{color: #36A9E1 !important;}

.white {
  color: #FFF;
  border-color: #FFF;
}

.blue {
  color: #36A9E1;
  border-color: #36A9E1;
}

.header-mobile {
  display: none;
}

.header .bancodeoccidente-logo{display: block;float: left;}

.content {
  height: calc(100vh - 120px);
  min-height: 657px;
  /*display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;*/
  display: block;
}
.content .interna {
  width: 100%;
  justify-content: center;
  align-items: center;
  background-image: url("/wps/wcm/connect/banco-de-occidente/21fbfb1e-709e-4cf7-8c2e-3de2af831eaf/interna.jpg?MOD=AJPERES");
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  height: calc(100% - 120px);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.content .interna .info {
  padding: 0 5% 2% 5%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.content .interna .info .salir {
  width: 90px;
  height: 20px;
  text-align: center;
  color: #FFF;
  background-color: #1b87c4;
  font-family: "Helvetica-Light", sans-serif;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 5%;
}
.content .interna .info .salir:hover {
  background-color: #00263d;
}
.content .interna .info .salir b {
  font-family: "Kuro-Bold";
  font-weight: bolder;
}
.content .interna .info section {
  width: 70%;
  display: block;
  margin: 0 auto;
}

.content .interna .info section img:nth-child(1){
  display: block;
  padding-left: 15%;
}


.content .interna .info section img:nth-child(2){
  display: block;
  margin: 0 auto;
  width: auto;
}

img[src="/wps/wcm/connect/banco-de-occidente/00b25cfe-7766-4134-a1cc-a0c5eb55528c/images%252Fcalendario.png?MOD=AJPERES&CVID="]{
  width: auto !important;
  float: left !important ;
  padding-left: 0 !important ;
}

.content .interna .info section .submit {
  background-color: #00263d;
  border: none;
  height: 40px;
  padding: 5px 3%;
  font-family: "Kuro-Regular", sans-serif;
  font-size: 15px;
  margin: 2% auto 0;
  color: #FFF;
  cursor: pointer;
  width: auto;
  text-align: center;
}

.content .interna .info section input{
  margin: 10px auto;
  width: 30%;
  display: block;
}
.content .interna .info section .submit:hover {
  background-color: #0075ba;
}
.content .interna .info section .btn-movil {/*display: none;*/}
.content .interna .info section small {
  color: #9d9d9c;
}
.content .interna .info section div {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;*/
  display: block;
  float: none;
  margin: 0 auto;
}
.content .interna .info section table {
  /*display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;*/
  display: block;
  float: none;
  width: auto;
  font-family: "Helvetica-Light",sans-serif;
  border-collapse: collapse;
  margin: 0 auto;
}

.content .interna .info section table tr th {
  padding: 1% 4%;
}

.content .interna .info section table tbody{
  width: 100%;
}

/*.content .interna .info section table tbody tr{
  margin: 0 auto;
  display: block;

}
.content .interna .info section table tr:nth-child(1){
  width:39%;
}

.content .interna .info section table tr:nth-child(2){
  width: 44.9%;
}

.content .interna .info section table tr:nth-child(3){
  width: 45%;
}

.content .interna .info section table tr:nth-child(4){
  width: 63.2%;
}

.content .interna .info section table tr:nth-child(4) th:nth-child(1) {
    width: 76.4%;
}

.content .interna .info section table tr:nth-child(5){
  width: 44.9%;
}

.content .interna .info section table tr:nth-child(6){
  width: 60.7%;
}*/

.content .interna .info section table tr th:nth-child(1) {
  color: #0d223e;
  border-right: 1px solid #CCC;
  font-size: 14px;
  text-align: right;
  width: 83%;
  /*align-items: right !important;*/
}
.content .interna .info section table tr th:nth-child(2) {
  font-size: 12px;
  text-align: left;
  color: #1b87c4;
  display: inline-block;
  padding: 5px;
}
.content .hr {
  width: 100%;
  height: 1px;
  background: #008ad1;
  position: relative;
}
.content .hr::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #008ad1 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 1px;
  left: 50%;
}
.content .hr::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: rgba(255, 255, 255, 0.1) transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 0;
  left: 50%;
}


.content .hr-2 {
  width: 100%;
  height: 1px;
  background: #5d5d5d;
  position: relative;
  margin-bottom: 2%;
}
.content .hr-2::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #5d5d5d transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 1px;
  left: 50%;
}
.content .hr-2::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: rgb(227, 226, 224) transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 0;
  left: 50%;
}
.content h1 {
  color: #00263D;
  font-size: 28px;
}
.content h1 span {
  font-family: "Kuro-Italic", sans-serif;
  font-style: italic;
  color: #1D71B8;
}
.content h2 {
  font-family: "Kuro-Bold", sans-serif;
  font-weight: bold;
  color: #1D71B8;
  font-size: 24px;
  width: 90%;
  margin: 10px auto 5px;
}
.content p {
  font-family: "Helvetica-Light", sans-serif;
  color: #706f6f;
  font-size: 16px;
  width: 90%;
  margin: 0 auto;
}

.content p i {
  font-size: 0.8em;
}
.content .col-1 {
  height: 100%;
  min-height: 200px;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  padding: 0;
  margin: 0;
}

.col-1::before{
  content: "";
  min-height: 670px;
  height: calc(100vh - 120px);
  width: 11px;
  position: absolute;
  background-image: url("/wps/wcm/connect/banco-de-occidente/33c72a3e-7c65-438a-9c14-73d28a655b2d/shadow_der.png?MOD=AJPERES");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: 48.1%;

}

.content .col-1:last-child {
  margin-right: 0;
}
.content .left {
  background-image: url("/wps/wcm/connect/banco-de-occidente/09a800c5-cbad-4b1b-9ab1-12b6849f85ca/left.jpg?MOD=AJPERES");
  background-size: cover;
  background-position: left;
  /*min-height: 900px;*/
  height: 100% \0/
}
.content .right {
  overflow: hidden;
}
.content .contenido {
  font-family: "Kuro-Regular", sans-serif;
}
.content .contenido article {
  margin: 2% auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: block;

}
.content .contenido article p {
  margin-top: 0;
  margin-bottom: 0;
}
.content .contenido article .form {
  width: 55%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: block;
}
.content .contenido article .form .row {
  display: block;
}
.content .contenido article .form .row::after {
  clear: both;
  content: "";
  display: block;
}
.content .contenido article .form label {
  font-family: "Kuro-Regular", sans-serif;
  color: #00263D;
  margin: 5px auto;
  font-size: 16px;
  text-align: left;
  width: 100%;
  display: block;
}
.content .contenido article .form select {
  float: left;
  display: block;
  margin-right: 2.35765%;
  /*width: 23.23176%;*/
  width: auto;
}
.content .contenido article .form select:last-child {
  margin-right: 0;
}
.content .contenido article .form select + input[type="text"] {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 88%;
  margin-left: 2.13245%;
}
.content .contenido article .form select + input[type="text"]:last-child {
  margin-right: 0;
}
.content .contenido article .form select, .content .contenido article .form input {
  color: #00263D;
  padding: 7px 9px;
  margin: 5px 0;
}
select.ng-pristine.ng-valid.ng-not-empty.ng-valid-required.ng-touched {
    width: auto;
    color: #00263D;
    padding: 7px 9px;
}


.content .contenido article .form input {
  color: #9d9d9c;
  width: 100%;
}
.content .contenido article .form .submit {
  background-color: #008AD1;
  border: none;
  width: 115px;
  height: 40px;
  font-size: 18px;
  margin: 5% auto;
  color: #FFF;
}
.content .contenido article .form .submit:hover {
  background-color: #0075ba;
}

img[src="/wps/wcm/connect/banco-de-occidente/20b50676-35ab-4337-8cfa-03c2f3da79ae/flecha_azul.png?MOD=AJPERES"]{margin: 0 auto;display: block;width: 90%;}

.textright {
  float: right;
  display: block;
}


.white_content {
  position: relative;
  margin: 0 auto;
  width: 30%;
  height: auto;
  padding: 3% 1% 3% 1%;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  top: 50%;
  transform: translateY(-50%);
}
.white_content h1 {
  font-size: 26px;
  font-family: "Helvetica-Light", sans-serif;
  color: #9d9d9c;
  margin: 2% auto;
  width: 100%;
}
.white_content p {
  font-size: 15px;
  width: 90%;
  color: #39393a;
  display: block;
  margin: 0 auto;
  text-align: justify;
}

.white_content_terms {
  width: 50%;
  height: 50%;
}

img[src="/wps/wcm/connect/banco-de-occidente/8ee3fa42-d569-434d-b83a-6958b2ce5b27/flecha.png?MOD=AJPERES"]{width: 100%;}

#boton{margin: 0 auto;width: 32%;}

button{
    background-color: #008AD1;
    border: none;
    width: 100%;
    height: 40px;
    font-size: 18px;
    margin: 5% auto;
    color: #FFF;
}

#overlay , .container_preloader{
  background: rgba(93, 93, 93, 0.7);
  background: -moz-linear-gradient(left, rgba(93, 93, 93, 0.7) 0%, rgba(93, 93, 93, 0.7) 100%);
  background: -webkit-linear-gradient(left, rgba(93, 93, 93, 0.7) 0%, rgba(93, 93, 93, 0.7) 100%);
  background: linear-gradient(to right, rgba(93, 93, 93, 0.7) 0%, rgba(93, 93, 93, 0.7) 100%);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.preloader {
  display: block;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  position: absolute;
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #0075ba;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.shadow {
  width: 100%;
  position: absolute;
  margin-top: -15px;
}

.footer {
  width: 100%;
  height: 60px;
  padding: 0 2%;
  background-color: #FFF;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  /*display: -ms-flexbox;
  display: flex;*/
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  float: left;

}
@-moz-document url-prefix() {
  .footer {
     display: block;
  }
}
.footer::before {
  content: "";
  width: 96%;
  height: 15px;
  position: absolute;
  top: -11px;
  background-image: url("/wps/wcm/connect/banco-de-occidente/3fc32fed-32ce-4b95-8edb-6c1cc162a227/shadow.png?MOD=AJPERES");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 1680px){
  .content .contenido article .form select + input[type="text"] {
    width: 83%;
    float: right;
  }
  .content .interna .info section div{
    width: 30%;
  }
  .content .interna .info section table tbody{
    display: block;
    float: none;
    margin: 0 auto;
    width: 66%;
  }
  .content .interna .info .salir{
    right: 25.5%;
  }
  .content .interna .info section p small span{color:#1b87c4; }
  .content .interna .info section p , .content .interna .info section hr{width: 83%;}

}

@media all and (max-width: 1466px){
  .content .contenido article .form select + input[type="text"] {
    width: 81%;
    float: right;
  }
  .content .interna .info section div{
    width: 37%;
    height: 50px;
    float: none;
  }
  .content .interna .info section div p{
    float: none;
  }
  .content .interna .info section table tbody{
    width: 50%;

  }
  .content .interna .info p{
    float: none;
    padding-left: 0;
  }
}
@media all and (max-width: 1366px){
  .content .interna .info section table tbody{
    width: 64%;
  }
  .content .interna .info p{
    float: left;
    padding-left: 8%;
  }
}
@media all and (max-width: 1315px) {
  .content .contenido article .form select + input[type="text"] {
    width: 80%;
    float: right;
  }
  .content .interna .info p{
  }
}

}

@media all and (max-width: 1222px) {

  .content .contenido article .form select + input[type="text"] {
    width: 78%;
    float: right;
  }
  .content .interna .info section div{
    width: 43%;
  }
}

@media all and (max-width: 1280px) {
.header h1 {width: 42%;}

}

@media all and (max-width: 1124px) {
  .white {
    color: #36A9E1;
    border-color: #36A9E1;
  }

  .header {
    background-color: #FFF;
    background-image: none;
    justify-content: center;
  }
  .header h1 {
    display: none;
  }

  .header-mobile {
    display: block;
    background-color: #00263d;
    padding: 1px;
    margin: 0;
  }
  .header-mobile h1 {
    font-family: "Kuro-Italic", sans-serif;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 0;
    display: block;
  }
  .header-mobile h1 span {
    color: #36A9E1;
  }
  .header .btn{width: 22%; margin: 13px 5px;}

  .content {
    flex-direction: column;
    height: calc(100% - 120px);
    /*height: calc(100% - -140px) \\0*/
  }
  .content .col-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .content .col-1:last-child {
    margin-right: 0;
  }
  .content .left {
    height: 350px;
    min-height: 480px;
    background-position: center;
    background-image: url("/wps/wcm/connect/banco-de-occidente/6e684e69-96fb-46f4-a954-04cf63d545ce/left-mobile.jpg?MOD=AJPERES");
  }

  .content .contenido article .form select + input[type="text"] {
    width: 84%;
  }

}
@media all and (max-width: 1100px) {
  .col-1::before {
    display: none;
    content: ""
  }

  .content .hr-2::after {
}

@media all and (max-width: 1030px) {
.content .contenido article .form select + input[type="text"]{width: 83%;}
.content{min-height: 670px;}
.content .interna .info section div{ width: 50%;}
.content .interna .info section img:nth-child(1){padding-left: 8%;}
.content .interna .info section img:nth-child(2){width: 80%;}
.content .interna .info section table tbody{width: 80%; margin: 0 auto;}
}

@media all and (max-width: 888px){.content .interna .info section div{
  width: 58%;
}
}

@media all and (max-width: 768px){
  .content .hr-2::after{ border-color: rgb(230, 227, 225) transparent;}
    /*.content{height: calc(95vh - 120px);}*/
    .content .interna .info section .btn-movil {display: block; background-color: #1b87c4;}
    .btn-desktop{display:none;}
    .content .contenido article .form select + input[type="text"]{width: 81%;}
    .preloader{left: 46%;}
    .content .contenido article{margin: 2% 5%;}
    .content .interna .info section table{width: 82%; margin: 0;}
    .content .interna .info section table tbody{width: auto;}
    .content .interna .info section img:nth-child(1){padding-left: 0;}
    .content .interna .info section img:nth-child(2){width: 100%;}
    .content .interna .info section div{width: 60%;}
    .content .interna .info .salir{right: 18.5%;}
    .content .interna .info section p, .content .interna .info section hr{width: 100%;}
}

@media all and (max-width: 737px) {
  /*.content {
    height: 100%;
  }*/
  .content{min-height: 100%;}
  .content .left {
    height: 200px;
    min-height: 480px;
  }
  .content .interna .info .salir {
    position: relative;
  }
  .content .interna .info section {
    width: 95%;
  }
  .content .interna .info section ul {
    font-size: 12px;
  }
  .content .interna .info section p small span {
    color: #1b87c4;
  }
  .content .contenido article .form {
    width: 100%;
  }

  .preloader{left: 40%;}

  .footer {
    justify-content: flex-start;
  }

  .white_content{height: 70%; width: 70%;}
}

@media all and (max-width: 667px) {
.content .contenido article .form select + input[type="text"]{width: 84%;}
.content .interna .info section img:nth-child(2){width: 100%;}
.content .interna .info section div{width: 90%;}
.content .interna .info .salir{right: 0;}
}

@media all and (max-width: 640px) {.white_content {height: 54%;}
.content .contenido article .form select + input[type="text"]{width: 84%;}

}

@media all and (max-width: 600px) {
  small {
    font-size: 100%;
  }
  .header .btn {
    display: none;
  }
  .content .interna .info section table tr th:nth-child(1){font-size: 12px}
  .content .interna .info section .submit{width: auto;}
  .content .interna .info section img:nth-child(1){width: 50%}

  .content .contenido article .form label {
    font-size:14px;
  }
  .content p, .content h2, hr{width: 100%;}
  .content .interna .info {
    padding: 0 2% 2% 2%;
  }
  .content .interna .info section table {
    white-space: normal;
    margin: 3% auto;
  }
  .content .interna .info section table tr th br {
    display: none;
  }
  #boton{width: 37%;}
  .white_content{height: 36%;width: 80%;}
  .white_content h1 {font-size: 21px;}


}


@media all and (max-width: 568px) {.white_content {height: 53%;}
.content .contenido article .form select + input[type="text"]{width: 84%;}

}

@media all and (max-width: 480px) {
.content .contenido article .form select + input[type="text"]{width: 81%;}
}

@media (max-width: 420px){.white_content { height: 25%;}}

@media all and (max-width: 412px) {
.content .contenido article .form select + input[type="text"]{width: 80%;}

}

@media all and (max-width: 384px) {
.content .contenido article .form select + input[type="text"]{width: 79%;}

}

@media all and (max-width: 375px) {
.content .contenido article .form select + input[type="text"]{width: 79%;}
}

@media all and (max-width: 360px) {
  .white_content {height: 27%;}
  .content .hr-2::after{border-color: rgb(255, 254, 251) transparent;}
  .content .contenido article .form select + input[type="text"]{width: 77%;}
}

@media all and (max-width: 320px) {.white_content {height: 40%;}
.content .contenido article .form select + input[type="text"]{width: 77%;}
.content .interna .info section div{width: 100%;}
}

@media screen and (min-width: 0\0){
  header{
    display: block !important;
    float: left !important;
  }
  .bancodeoccidente-logo{
    display: block !important;
    float: left !important;
  }

  .content .col-1 {
    width: 49.2%;
  }

}