/* @font-face {
    font-family: klavikaExtraLight;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/KlavikaWebDisplayExtraLight.woff);
}

@font-face {
    font-family: klavikaExtraLightSub;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/KlavikaWebDisplayExtraLightSub.woff);
}

@font-face {
    font-family: klavikaUltraBlack;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/KlavikaWebDisplayUltraBlackSub.woff);
}

@font-face {
    font-family: klavikaLight;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/Klavika-Light.woff);
}

@font-face {
    font-family: klavikaBold;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/Klavika-Bold.woff);
}

@font-face {
    font-family: klavikaMedium;
    src: url(https://crossmedia.fi/holvi/pam/bootstrap-3.3.7-dist/fonts/Klavika-Medium.woff);
}

@font-face {
    font-family: 'TangerSerifWide-Book';
    font-style: normal;
    font-weight: normal;
    src: url('https://crossmedia.fi/holvi/pam/2019-sivujen-ulkoasun-paivitys/fonts/348170_0_0.eot');
    src: url('https://crossmedia.fi/holvi/pam/2019-sivujen-ulkoasun-paivitys/fonts/348170_0_0.eot?#iefix') format('embedded-opentype'),
        url('https://crossmedia.fi/holvi/pam/2019-sivujen-ulkoasun-paivitys/fonts/348170_0_0.woff2') format('woff2'),
        url('https://crossmedia.fi/holvi/pam/2019-sivujen-ulkoasun-paivitys/fonts/348170_0_0.woff') format('woff'),
        url('https://crossmedia.fi/holvi/pam/2019-sivujen-ulkoasun-paivitys/fonts/348170_0_0.ttf') format('truetype');
} */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    background-color: #eeeeee;
}

h2 {
    font-weight: medium;
}

h3 {
    font-weight: medium;
}

h5 {
    font-weight: bold;
    font-size: 22px;

}

.lead {
    font-size: 26px;
}

* {
    font-family: 'Outfit', Arial;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #f00;
    border-color: #753b3b;
    background-color: #000000;
}

.row {
    margin-right: unset;
    margin-left: unset;
}

a {
    color: #e30513;
    text-decoration: none;
}

a:hover {
    color: #afca0b;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #E30513;
    border-color: #ffffff;
    border-radius: 0;
    padding: 12px 30x;
    font-weight: medium;
    cursor: pointer;
}

.btn-primary:hover {
    color: #fff;
    background-color: #afca0b;
    border-color: #ffffff;
    border-radius: 0;
    /*padding: 12px 30px;*/
    font-weight: medium;
    cursor: pointer;
}

#validoi {
    cursor: pointer;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #808080;
    border-color: #ffffff;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #dc354545;
    outline: 0;
    /*box-shadow: 0 0 0 0.02rem #dc35452e;*/
    box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, .05);
}

input[type='text'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    margin: 0;
    font-family: 'Outfit', Arial;
    font-size: 1em;
    vertical-align: middle;
    background: #fdfcfc;
    border: 1px solid #e0e0e0;
    outline: 0;
    box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, .05);
    border-radius: 0px !important;
}

ul {
    padding-left: 25px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ff0000;
}