/******General Classes******/
.pos_relative { position: relative; }
.display_none { display: none; }
.display_mobile { display: none; }
.disabled { pointer-events: none; }
.bold { font-weight: 500; }
.clearfix::after, .clearfix::before { content: ""; width: 100%; display: block; clear: both; }
.transition { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.translateY { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.box_sizing { box-sizing: border-box; }
.padding { padding-left: 10px; padding-right: 10px; }
.padding_t_20 { padding-top: 20px; }


.field-validation-error { position: absolute; right: 15px; bottom: 3px; color: #fa0404; pointer-events: none; font-size: 10px; z-index: 2; width: auto !important; }
    .input-validation-error, .field-validation-error + .like_select { box-shadow: inset 0 0 2px #ff0000 !important; }

.tbl { display: table; table-layout: fixed; }
    .tbl > * { display: table-cell; }

input, textarea, select { font-family: 'Rubik', sans-serif; outline: 0; }

.image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 0; }
    .image > img { overflow: hidden; width: 100%; height: 0; opacity: 0; }
.image2 { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.bread { padding: 5px 5px 0 5px; margin-bottom: 10px; box-sizing: border-box; text-align: right; font-size: 1em; color: #000; }
    .bread a { color: #D85151; }
        .bread a:hover, .bread a:focus { text-decoration: underline; }

.socials > li { margin-left: 20px; }
    .socials > li:last-child { margin-left: 0; }
    .socials > li > a { display: block; color: #000000; text-align: center; }
        .socials > li > a > span { font-size: 0.8em; display: block; }
        .socials > li > a > img { width: 32px; display: block; margin: 0 auto 5px auto; }
    .socials > li:last-child > a > img { width: 23px; }
    .socials > li > a:hover, .footer_socials .socials > li > a:focus { opacity: 0.8; }

.read_more_conti { font-size: 1.2em; font-weight: 500; }

.link { color: #86AB1D; }
.link2 { color: #86AB1D; }
.link:hover, .link:focus { text-decoration: underline; }

.video_conti { position: relative; height: 0; padding-bottom: 56%; }
    .video_conti > *, .video_conti > * > * { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
/******End General Classes******/

/******Headlines******/
.headline1 { font-size: 2em; }
    .headline1 > * { font-weight: 500; display: inline-block; position: relative; }

.headline2 { font-size: 1.5em; text-align: center; margin-bottom: 20px; }
    .headline2 > * { font-weight: 400; display: inline-block; position: relative; }

.headline3 { margin-bottom: 10px; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #707070; }
    .headline3 > * { font-size: 2.2em; font-weight: 700; }

.headline4 { margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid rgba(0, 62, 145, 0.4); border-top: 1px solid rgba(0, 62, 145, 0.4); }
    .headline4 > * { font-size: 1.5em; font-weight: 500; }

.headline5 { font-size: 2em; }
    .headline5 > * { font-weight: 500; display: inline-block; position: relative; }

.headline6 { font-size: 1.5em; }
    .headline6 > * { font-weight: 500; display: inline-block; position: relative; padding-bottom: 6.5px; }
        .headline6 > *::after { content: ""; position: absolute; right: 0; left: 0; width: 45px; height: 1px; bottom: 0; background-color: #FFFFFF; margin: 0 auto; }

.inner_headline { text-align: center; font-size: 3em; position: absolute; top: 50%; right: 0; width: 100%; transform: translateY(-50%); }
    .inner_headline > * { display: inline-block; font-weight: 500; }
/******End Headlines******/

@media only screen and (max-width : 1020px) {
    .headline1 { font-size: 1.2em; }
    .inner_headline { font-size: 2em; }
    .headline5 { font-size: 1.8em; }
}

@media only screen and (max-width : 768px) {
    .main_image { }
}

@media only screen and (max-width : 600px) {
    .hide_mobile { display: none; }
}

@media only screen and (max-width : 414px) {
}