@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{font-family: "Inter", Helvetica, Arial, sans-serif; font-weight: 400; height:100vh;
background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center center!important; background-size: cover!important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Inter", Helvetica, Arial, sans-serif;}
.g-bg-primary{background-color: #31479d!important}
.g-color-primary{color: #31479d!important}
.g-brd-primary2{border-color: #f15922!important}
.logo{margin-bottom:10px}

.login, .policy, .signup{}

.signup{height: 100vh; width: 100vw}

a, a:hover{color:#27397e}

p{font-size:16px}

#loginform{border-top:1px dotted #f15922; border-bottom:1px dotted #f15922; padding-top:20px; padding-bottom:20px; margin-bottom:20px}

#policy-content{height:calc(100vh - 360px)}

.form-control {
    border-color: #ccc;
    height: auto;
}

.form-control:focus{border-color: #31479d; box-shadow: none;}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i{border-color: #31479d;
  background-color: #31479d;}

/*------------------------------------
  Buttons
------------------------------------*/
.u-btn-primary {background-color: #005b7f;}

.u-btn-primary:hover,
.u-btn-primary.active,
.u-btn-primary.cbp-filter-item-active {border-color: #31479d; background-color: #31479d;}

.u-btn-outline-primary {color: #31479d; border-color: #31479d; background-color: transparent;}

.u-btn-outline-primary:hover {color: #fff; background-color: #27397e;}

.btn-primary, a.btn-primary {
  background-color: #31479d;
  border-color: #31479d;
    font-weight:500;
    color: #fff;
}

.btn-primary:hover, a.btn-primary:hover {
  color: #fff;
  background-color: #27397e;
  border-color: #27397e;
}

.btn-primary:focus, .btn-primary.focus, a.btn-primary:focus, a.btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(49,71,157, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled, a.btn-primary.disabled, a.btn-primary:disabled {
  background-color: #707070;
  border-color: #707070;
}

.btn-primary:active, .btn-primary.active, a.btn-primary:active, a.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #27397e;
  border-color: #27397e;
}



.btn-primary2, a.btn-primary2 {
  background-color: rgba(241,204,20, 0.15);
  border-color: rgba(241,89,34, 0.25);
    color:#f15922;
    font-weight:500;
}

.btn-primary2:hover, a.btn-primary2:hover {
  color: #fff;
  background-color: #f15922;
  border-color: #fff;
}

.btn-primary2:focus, .btn-primary2.focus, a.btn-primary2:focus, a.btn-primary2.focus {
  box-shadow: 0 0 0 2px rgba(241,89,34, 0.5);
}


img.viatris-logo{width:120px}



@media only screen and (max-width: 1280px){
    .signup{height: auto; width: 100vw}
}

@media only screen and (min-width: 1441px) and (orientation: landscape){
    .col-lg-4{-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;}
}

@media only screen and (max-width: 1024px) and (orientation: portrait){

}


@media only screen and (max-width: 500px){
#policy-content{height:calc(100vh - 395px)}

}