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

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap');
body{font-family: "Rubik", Helvetica, Arial, sans-serif; font-weight: 400;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Rubik", Helvetica, Arial, sans-serif;}
.g-bg-primary{background-color: #021847!important}
.g-color-primary{color: #021847!important}
.logo{margin-bottom:10px}

p{font-size:16px}

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

.form-control:focus{border-color: #107ef4; box-shadow: none;}

/*------------------------------------
  Buttons
------------------------------------*/
.u-btn-primary {background-color: #107ef4;}

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

.u-btn-outline-primary {color: #4198f6; border-color: #4198f6; background-color: transparent;}

.u-btn-outline-primary:hover {color: #fff; background-color: #4198f6;}

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