@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-boldoblique.otf') format('opentype');
    font-weight: bold;
    font-style: oblique;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-demibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-demiboldoblique.otf') format('opentype');
    font-weight: 600;
    font-style: oblique;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-extraboldoblique.otf') format('opentype');
    font-weight: 800;
    font-style: oblique;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'VisbyCF';
    src: url('../fonts/Fontspring-DEMO-visbycf-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body{
     font-family: "myriad-pro", sans-serif;
}
p{
    font-family: "myriad-pro", sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.jumbotron h1{
   /* font-family: "myriad-pro", sans-serif;*/
    font-family: 'VisbyCF';
    font-weight: bold;
    font-style: normal;
    font-size: 80px;
    color: #000;
    line-height: 0.9;
}
.jumbotron p{
    font-family: "myriad-pro", sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: bold
}
.jumbotron h2{
   /* font-family: "myriad-pro", sans-serif;*/
    font-family: 'VisbyCF';
    font-weight: bold;
    font-style: normal;
    font-size: 70px;
    color: #e6e7e8;
    line-height: 0.9;
}
.jumbotron{
    background: #f6921e;
    
}
.color-blue{
    color: #045fa6;
    font-family: 'VisbyCF';
    font-weight: bold;
    font-style: normal;
    font-size: 70px;
}
.color-green{
    color: #007848;
    font-family: 'VisbyCF';
    font-weight: bold;
    font-style: normal;
    font-size: 70px;
}
.color-black{
    color: #000;
    font-family: 'VisbyCF';
    font-weight: bold;
    font-style: normal;
    font-size: 70px;
    line-height: 0.2
}
.back-blue{
    background-color: #4cb2d4;
}
.back-blue .card{
    background: transparent;
    border: 0;
    border-radius: 0;
    position: relative;
}
.back-blue .card .card-img{
    border-radius: 0;
}
.card-text{
    margin-bottom: 0!important;
    text-align: center;
}
.card-link{
    color: #e6e7e8;
    font-family: "myriad-pro", sans-serif;
    font-size: 35px;
    font-weight: 800;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 10px;
}
.back-orange{
    background: #f6921e;
    overflow: hidden;
}
.vh-10{
    height: 14vh;
}
h2{
    font-family: 'VisbyCF';
    font-weight: 600;
    font-style: normal;
    font-size: 70px;
    color: #e6e7e8;
    line-height: 1;
        letter-spacing: 3px;
}
.out-h{
    font-family: 'VisbyCF';
    font-weight: 600;
    font-style: normal;
    font-size: 70px;
    color: #e6e7e8;
    position: relative;
    top: 5vh;
}

.form-control { 
    border-radius: 20px;
    padding: 12px; font-size: 1rem; 
    border: 2px solid #fff; 
    background: transparent!important;
}
.col-12 .form-control {
    border-radius: 5px; 
}
.form-control::placeholder { 
    color: #ffffff!important; 
}
.form-label {
    color: #000; 
    font-size: 1rem; 
}
.form-text { 
    color: #000; 
    font-size: 0.875rem; 
}
button.btn {
    background-color: #f7931e;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 4rem;
    border-radius: 50px;
    border: 1px solid #f7931e;
}
button.btn:hover {
    background-color: transparent;
    color: #f7931e;
    font-size: 1.2rem;
    padding: 0.5rem 4rem;
    border-radius: 50px;
   border: 1px solid #f7931e;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color:#fff!important;
}
.form-check-input{
    background: transparent;
    border:1px solid #e6e7e8;
}
.form-check-input:checked {
    background-color: #f6921e;
    border-color: #e6e7e8;
}
.footer{
    background: #fff;
    padding-top: 5rem;
    padding-bottom: 2rem;
    
}
.footer img{
        width: 100%;
    max-width: 200px;
}
.footer a{
    color: #000000;
    text-decoration: none;
}
.form-select {
    background-image: url(../img/arrow.svg)!important;
    background-repeat: no-repeat!important;
    background-position: right 10px center!important; 
    background-size: 16px!important; 
    padding-right: 30px; 
    color: #fff!important;
}
.text-justify {
    text-align: justify;
}
.card-footer{
    background: transparent!important;
}