@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-300.woff2') format('woff2'), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-300.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-500.woff2') format('woff2'), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-500.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-600.woff2') format('woff2'), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-600.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-700.woff2') format('woff2'), url('/Modules/Frontend/fonts/montserrat-v25-latin-ext_latin-700.woff') format('woff');
}

:root {
    /*
    --main-black: rgb(143, 143, 143);
    --main-white: rgb(255, 255, 255);
    --main-red: #f0506e;
    --main-blue: #1e87f0;
    --main-green: #32d296;
    */
    --font: 'Montserrat', sans-serif;
    --val: 2.7rem;
}

#my-cookies .uk-modal-dialog,
#messages .uk-modal-dialog,
#login .uk-modal-dialog {
    width: 575px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 25px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    margin: auto;
    border: 2px solid #222222;
    -webkit-border-top-right-radius: 2rem;
    -webkit-border-bottom-left-radius: 2rem;
    -moz-border-top-right-radius: 2rem;
    -moz-border-bottom-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    overflow: auto;
}


.igc {
    position: relative;
    display: block;
    overflow: hidden;
}

.box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fxa {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/* FORM */

.submit {
    padding: 0.5rem 2rem;
}

.info {
    border-color: var(--main-blue) !important;
}

.error {
    border: 2px solid var(--main-red) !important;
}




/*var(---formulář animace placeholdervar(---*/

.button {
    position: relative;
    font-family: var(--font);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: var(--main-white);
    text-transform: uppercase;
    padding: 0 3.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.3rem;
    background: var(--main-green);
    border: 1px solid var(--main-green);
    cursor: pointer;
    outline: 0;
    text-decoration: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.button:hover {
    color: var(--main-green);
    background: var(--main-white);
}

.button .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formPack {
    position: relative;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    background: #ffffff;
    z-index: 3;
}

.formPack>.uk-grid>div .form-label {
    position: relative;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 4.7rem 6.9rem 4.3rem 8.5rem;*/
}

@media only screen and (max-width: 1199px) {
    .formPack>.uk-grid>div .form-label {
        padding: 4rem 2rem;
    }
}

.formPack>.uk-grid>div .form-label .uk-grid>div {
    position: relative;
}

.formPack>.uk-grid>div .form-label .uk-grid>div fieldset input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.3rem;
    background: rgba(227, 227, 227, 0.25);
    border: 0;
    outline: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color: #8f8f8f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
}

.formPack>.uk-grid>div .form-label .uk-grid>div fieldset label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color: #9C9B9B;
    top: 1rem;
    left: 3rem;
}

.formPack>.uk-grid>div .form-label .uk-grid>div fieldset textarea {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 18.2rem;
    background: rgba(227, 227, 227, 0.25);
    border: 0;
    outline: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color: #8f8f8f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 3rem;
}

.formPack>.uk-grid>div .form-label .uk-grid>div p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #8f8f8f;
    margin-top: 0;
    margin-bottom: 0;
}

.formPack>.uk-grid>div .form-label .uk-grid>div p a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #8f8f8f;
    text-decoration: underline;
}

.formPack>.uk-grid>div .form-label .uk-grid>div p a:hover {
    text-decoration: none;
}

.formPack>.uk-grid>div .form-label .uk-grid>div p.latest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #8f8f8f;
    max-width: 21rem;
    margin-left: auto;
}

.formPack>.uk-grid>div .form-label .uk-grid>div p.latest img {
    max-height: 1.7rem;
}

@media only screen and (max-width: 639px) {
    .formPack>.uk-grid>div .form-label .uk-grid>div input[type="submit"] {
        margin-left: auto;
        display: block;
    }
}


/* form end */