/* ----------- */
/* Version 1.0 */
/* ----------- */
html,
body {
  height: 100%;
}

.landing-bg{
  background:url('img/catalana-drilling-bg.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center top;
  width:100%;
  height:50%;
  position:absolute;
  z-index:-1;
  top:0;
}

body .catalana-logo {
  margin-bottom:2.3rem!important;
}

body h1.h3{
  font-family: "Archivo", sans-serif;
  line-height: 34px;
  font-size: 29px;  
  font-weight: 300 !important;
  color:#002B51;
  max-width:400px!important;
  margin:auto auto 40px auto !important;
}

.form-signin{
  background-color:#FFF;
  max-width:700px;
  border-top:20px solid #FAAC2C;
  padding:55px 100px;
}

@media(max-width:720px){
    .landing-bg{
      height:35%;
    }
    body .catalana-logo {
      width:220px!important;
      margin-bottom:1.2rem!important;
    }

    body h1.h3{
      padding-left:15%;
      padding-right:15%;
      margin-top: 20px !important;
	    font-size: 29px;
	    font-weight: 300 !important;
	    line-height: 33px;
	    margin-bottom: 30px !important;
    }

    .form-signin{
      max-width:90%;
      padding:50px 20px;
      margin-top:100px!important;
    }
}

.form-select-region,
.form-select-language,
.select2-results{
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  line-height:28px;
  text-align:left;
  color:#00294a!important;
}

body .select2-container,
.form-select-region{
  margin-bottom:20px;
}

@media(max-width:720px){
  body .select2-container{
    max-width: 90%;
  }
}

body .select2-container--default .select2-selection--single{
  border: 1px solid #00294a!important;
  border-radius: 0px;
  height: 45px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:42px;
}

.flag{
  display: inline-block;
  width:30px;
  height:40px;
  vertical-align:middle;
  margin-right:5px;
  background-repeat: no-repeat;
  background-position:center center;
  background-size: contain;
}

.flag.flag-es{
  background-image: url("img/bandera-es.png");
}

.flag.flag-de{
  background-image: url("img/bandera-de.png");
}

.select2-results__options li:first-child{
  display:none;
}

.select2-results__options li{
  padding-left:150px;
  padding-left:30%;
  font-family: "Archivo";
}
@media(max-width:720px){
  .select2-results__options li{
    padding-left:25%;
  }
}

body .select2-container--default .select2-selection--single .select2-selection__arrow.select2-selection__arrow{
  height: 45px!important;
  width: 45px!important;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color:#7c94bb ;
}

body .select2-container--default.select2-container--disabled .select2-selection--single{
  background-color:#ecf1f9 ;
}

.form-go{
  display:none;
  text-transform: uppercase;
  font-family: "Archivo";
  font-weight:bold;
  font-size:14px;
  background-color: #FAAC2C;
  border-radius: 0;
  max-width:284px;
  color:#00294A;
  height:48px;
  margin:auto;
  line-height: 34px;
  margin-top:20px;
}

.form-go:hover{
  background-color: #00294A;
  color:#FFF;
}

.iconita{
  transform: translateX(0);
  width: 18px;
  height: 12px;
  background-image: url("img/icona-fletxa-boto.png");
  display: inline-block;
  background-size: contain;
  margin-left: 10px;
  vertical-align: middle;
  transition: 0.25s ease-in-out;
}

.form-go:hover .iconita{
  transform: translateX(10px);
  filter: brightness(0) invert(1);
}