﻿/******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.active, .field-validation-error + .like_select { border: 2px solid #fa0404 !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; }

.img { position:relative;}
.img > img { position:absolute;right:0;left:0;margin:0 auto;max-width:100%;max-height:100%; top:50%; transform:translateY(-50%);}

.bread { width: 100%; margin: 0 auto 30px auto; box-sizing: border-box; text-align: right; font-size: 1.13em; color: #4D4D4D; }
    .bread > * { font-weight: 300; }
    .bread a { color: #00539B; }
        .bread a:hover, .bread a:focus { text-decoration: underline; }

.socials > ul { display: flex; }
    .socials > ul > li { margin-left: 20px; }
        .socials > ul > li:last-child { margin-left: 0; }
        .socials > ul > li > a { display: block; color: #000000; text-align: center; }
            .socials > ul > 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 > ul > li > a:hover, .footer_socials .socials > ul > li > a:focus { opacity: 0.8; }

.read_more_conti { font-size: 1.2em; font-weight: 500; }

.link { color: #1694C4; }
.link2 { color: #1694C4; }
.link:hover, .link:focus { text-decoration: underline; }

.video_conti { position: relative; height: 0; padding-bottom: 60%; }
    .video_conti > *, .video_conti > * > * { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }

.inner_text { }
    .inner_text p { font-size: 1.2em; line-height: 120%; }


.bread { display: flex; justify-content: flex-end; margin: 0 auto; width: 100%; padding: 10px 0; box-sizing: border-box; text-align: right; font-size: 1.05em; color: #A7A7A7; }
    .bread a { font-weight: 300; color: #3F79C6; }
    .bread > * { font-weight: 300; margin-left:5px;}
    .bread a:hover, .bread a:focus { text-decoration: underline; }
/******End General Classes******/

/******Headlines******/
.page_headline1 { padding: 9px 0; box-sizing: border-box; border-bottom: 1px solid rgba(23, 23, 23, 0.20);margin:50px 0 12px 0; }
.page_headline1 > * {font-size:2.1em;font-weight:400; }

.headline1 { position: relative;}
    .headline1 > * { position: relative; display: inline-block; font-size: 2.5em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400; }

.headline2 { position: relative; text-align: center; }
    .headline2 > * { position: relative;min-width:555px; display: inline-block; font-size: 2.2em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400;padding:0 10px 30px 10px;box-sizing:border-box; }
        .headline2 > *::after { content: ""; position: absolute; right: 0; width: 100%; height: 1px; bottom: 0; background-color: #707070; z-index: 1; }

.headline3 { position: relative; }
    .headline3 > * { position: relative; display: inline-block; font-size: 2.2em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400; }

.headline4 { margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3; }
    .headline4 > * { font-size: 1.5em; font-weight: 500; }

.headline5 { font-size: 2.2em; color: #379EF8;}
    .headline5 > * { font-weight: 700; 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: #35709D; 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******/

/***Arrows****/
.arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; }
.arrow_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrow_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.arrow_up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.arrow_down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/***End Arrows****/

/***Quantity****/
.quantity { display: inline-block; margin-bottom: 10px; }
    .quantity > ul { display: flex; border: 1px solid #cecece; width: auto;border-radius:5px;overflow:hidden; }
        .quantity > ul > li { }
            .quantity > ul > li > a { display: flex; justify-content: center; align-items: center; font-size: 1.2em; width: 30px; height: 35px; background-color: #C9C9C921 ;transition:all 0.5s ease-in-out;}
                .quantity > ul > li > a:hover, .quantity > ul > li > a:focus {background-color:#00539B;color:#fff; }
            .quantity > ul > li > div { border-right: 1px solid #cecece; border-left: 1px solid #cecece; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; }
/***End Quantity****/

@media only screen and (max-width : 1020px) {
    .hide_mobile { display: none !important; }

    .headline1 > * {font-size:2.1em;}
    .headline2 > * { min-width: 0; font-size: 1.5em; }
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 600px) {
}

@media only screen and (max-width : 414px) {
}
