@font-face {
    font-family: 'bariol_regular';
    src: url('../fonts/bariol_regular-webfont.eot');
    src: url('../fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_regular-webfont.woff') format('woff'), url('../fonts/bariol_regular-webfont.ttf') format('truetype'), url('../fonts/bariol_regular-webfont.svg#bariol_regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bariol_bold';
    src: url('../fonts/bariol_bold-webfont.eot');
    src: url('../fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bariol_bold-webfont.woff') format('woff'), url('../fonts/bariol_bold-webfont.ttf') format('truetype'), url('../fonts/bariol_bold-webfont.svg#bariol_bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {font-size: 10px;-webkit-tap-highlight-color: transparent}
body {position: relative;min-height: 100vh;line-height: 1.3;font-family:'bariol_regular', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 16px;color: #000;overflow-x: hidden;background-color: #eee}
*:not(input)::selection {color: #fff;background-color: #000}
*:not(input)::-moz-selection {color: #fff;background-color: #000}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
small {font-size: 80%}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
img {vertical-align: middle;max-width: 100%;height: auto}
a {color: #231f20;text-decoration: none}
a:focus,
a:hover {color: #231f20;text-decoration: underline}

h1, .h1 {margin-bottom: 12px;text-transform: uppercase;line-height: 1.25;letter-spacing: 1px;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 28px}
h2, .h2 {position: relative;margin-bottom: 20px;text-transform: uppercase;line-height: 1.25;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 24px}
h3, .h3 {margin-bottom: 4px;text-transform: uppercase;line-height: 1.25;letter-spacing: 0px;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 18px}
h4, .h4 {margin-bottom: 6px;text-transform: uppercase;line-height: 1.25;letter-spacing: 0px;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 16px}
h5, .h5 {margin-bottom: 2px;text-transform: uppercase;line-height: 1.25;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 16px}
h6, .h6 {text-transform: uppercase;line-height: 1.25;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 16px}

* + h1,
* + .h1  {margin-top: 30px}
* + h2,
* + .h2  {margin-top: 26px}
* + h3,
* + .h3  {margin-top: 20px}
* + h4,
* + .h4  {margin-top: 14px}
* + h5,
* + .h5  {margin-top: 8px}

h1 + *, .h1 + *,
h2 + *, .h2 + *,
h3 + *, .h3 + *,
h4 + *, .h4 + *  {margin-top: 0 !important}

ol, ul {padding-left: 17px}

* + p,
* + ol,
* + ul,
* + table,
* + img,
* + .btn {margin-top: 8px}

table {width: 100%;text-align: left}
th {padding-bottom: 4px;text-transform: uppercase;font-size: 14px;font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;}

img.f-right,
img.f-left  {margin-top: 14px;margin-bottom: 12px;}
img.f-right {margin-left: 20px;}
img.f-left  {margin-right: 24px;}

.t-bold,
strong {font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif}

a.t-underline:hover,
a.t-underline:focus {text-decoration: none}

#nav-top {position: absolute;top: 0;width: 100%;min-height: 90px;z-index: 10;background-color: rgba(255,255,255,1);box-shadow: 0px 0px 5px rgba(0,0,0,0.25)}

#logo {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 186px;
    height: 39px;
    background: url('../images/logo.svg') top left no-repeat;
    background-size: 186px 39px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    z-index: 999;
}

#nav-title {
	position: absolute;
    right: 35px;
    top: 38px;
    text-align: center;
    display: block; 
}

#nav-lang {line-height: 1;text-align: center}
#nav-lang * + * {margin-left: 12px}

main {
	position: relative;
    min-height: calc(100vh - 50px);
    padding: 90px 0 75px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: url('../images/bg_pattern_gray.png') #eee right -410px no-repeat;
    background-attachment: fixed;
    display: block;
}

.title-box {padding: 32px 35px 14px}
.title-box h1 {margin-bottom: 4px;text-transform: none;font-size: 22px}


/*
main::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	display: block !important;
    background: url(../images/bg_pattern_red.png) #fff top left repeat;
    background-size: cover;
    z-index: -1;
}*/


fieldset {border: 0;margin: 0;padding: 0}
label {margin-bottom: 4px;display: block}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 2px;
    border: 1px solid #918f8f;
    font-size: 14px;
    font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;
}

input:focus {border-color: #c6232e;box-shadow: 2px 2px 5px rgba(0,0,0,0.10)}
input[type="file"] {width: 100%;font-family:'bariol_regular', 'Arial CE', Arial, Helvetica, sans-serif;font-size: 14px}

input, textarea {-webkit-appearance: none;border-radius: 2px}
input[type="submit"] {
    width: 100%;
    padding: 20px 27px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.85);
    font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

input[type="submit"]:hover {background-color: rgba(0,0,0,1)}

.fb_invalid input,
.fb_invalid textarea,
.warning input,
.warning textarea {border-color: #c6232e;background-color: rgba(195,36,46,0.1)}

.warning-box {position: relative;margin-bottom: 16px;padding: 10px 20px 18px 15px;background-color: rgba(195,36,46,0.1);border: 1px solid #c6232e;color: #c6232e;}
.warning-box ul {padding: 0;list-style: none}
.warning-box li {position: relative;padding-left: 28px;color: #c6232e;}
.warning-box li + li {margin-top: 8px;}
.warning-box li:before {content: "\f06a";position: absolute;top: 0;left: 0px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;font-size: 20px;color: #c6232e;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

:-moz-placeholder {font-family:'bariol_regular';color: #999;}
::-moz-placeholder {font-family:'bariol_regular';color: #999;}
:-ms-input-placeholder {font-family:'bariol_regular';color: #999;}
::-webkit-input-placeholder {font-family:'bariol_regular';color: #999;}

.btn {
    padding: 14px 20px;
    border: 0;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.85);
    font-family:'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;
    text-align: center;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;   
}

.btn:hover,
.btn:focus {text-decoration: none;background-color: rgba(0,0,0,1);color: #fff}

.required {position: relative}
.required::after {
    content: '';
    position: absolute;
    top: 30px;
    right: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #c6232e;
}

@-moz-document url-prefix() {
    .custom-select {overflow: hidden;}
    .custom-select::after {
        display: block;
    }

    .custom-select select {
        overflow: -moz-hidden-unscrollable;
        padding-right: .4em;
        background: none;
        border: 1px solid transparent;
        min-width: 6em;
        width: 130%;
        min-width: -moz-calc(0em);
        width: -moz-calc(100% + 2.4em);
        min-width: calc(0em);
        width: calc(100% + 2.4em);
    }

    @supports ( mask-type: alpha ) {
        .custom-select {
            overflow: visible;
        }
        .custom-select select {
            -moz-appearance: none;
            width: 100%;
            padding-right: 2em;
        }
    }
}
.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .custom-select select::-ms-expand {display: none;}
    .custom-select select:focus::-ms-value {background: transparent;}
    .custom-select select {
        padding-right: 2em;
        background: none;
        border: 1px solid transparent;
    }
    .custom-select::after {display: block;}
}

.custom-select {position: relative;display: block;border-radius: 2px;border: 1px solid #918f8f;font-size: 14px;font-family: 'bariol_bold', 'Arial CE', Arial, Helvetica, sans-serif;}


.custom-select select {
    width: 100%;
    margin: 0;
    outline: none;
    padding: .6em .8em .5em .8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-select::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    pointer-events: none;
    display: none;
}

@supports ( -webkit-appearance: none ) or ( appearance: none ) or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {
    .custom-select::after {display: block;}
    .custom-select select {
        padding-right: 2em;
        background: none;
        border: 1px solid transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}
.custom-select {background: #fff}
.custom-select select {cursor: pointer;}
.custom-select::after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #231f20;margin-top: -3px;}
.custom-select:hover {border-color: #fe8317;}
@supports ( box-shadow: none ) {
    .custom-select select:focus {outline: none;}
}

.custom-select option {font-weight:normal;}
select {height: 42px;}    

.custom-select.multiselect,
.custom-select.multiselect select {height: auto;}
.custom-select.multiselect select {padding: .6em .8em .5em .8em !important}
.custom-select.multiselect select option {white-space: normal;}
.custom-select.multiselect::after {display: none;}


.white-box {
    position: relative;
    padding: 30px 26px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
    background-color: #fff;
}

.white-box:before {content: '';position: absolute;top: 0;left: 0;width: 25%;height: 5px;background-color: #c6232e;}
.white-box:hover:before {width: 100%;-webkit-transition: all 0.6s;transition: all 0.6s}
.white-box .image {text-align: center;font-size: 80px;line-height: 1;color: #ccc;-webkit-transition: all 0.3s;transition: all 0.3s}
.white-box:hover .image {color: #000}
.white-box h4 {margin-bottom: 6px}
.white-box h5 {font-size: 14px;text-transform: none}


@media (max-width: 768px) {
    .m-t-xs-15 {margin-top: 15px}
}