/******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; }
[tabindex] {cursor:pointer;}

::-webkit-scrollbar { width: 7px; height: 7px; }

/* Track */
::-webkit-scrollbar-track { background: #00000029; }

/* Handle */
::-webkit-scrollbar-thumb { background: #888; }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover { background: #555; }

[data-toggleItem] { display: none; }

.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; }

.image_conti { }
.image_conti > img {width:100%;vertical-align:middle; }

.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%); }

.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 > 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: #A26AC7; }
.link2 { color: #A26AC7; }
.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; padding: 10px 30px; box-sizing: border-box; text-align: right; font-size: 1.05em; color: #333333; background-color: rgba(162, 106, 199, 0.9);margin-bottom:35px; }
    .bread a { font-weight: 300; color: #fff; }
    .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 > *:not(.link) { position: relative; display: inline-block; font-size: 3.2em; box-sizing: border-box; color: #333333; z-index: 2; font-weight: 500; }
    .headline1 .headline_link { position: absolute; bottom: -25px; left: 0; color: #003C88; font-size: 1.2em; }
        .headline1 .headline_link:hover, .headline1 .headline_link:focus { text-decoration: underline; }

.headline2 { position: relative; border-bottom: 3px solid #EDEDED;padding-bottom:10px; }
    .headline2 > * { position: relative; display: inline-block; font-size: 2.1em; box-sizing: border-box; color: #333333; z-index: 2; font-weight: 500; }

.headline3 { position: relative;  }
    .headline3 > * { position: relative; display: inline-block; font-size: 2.1em; box-sizing: border-box; color: #333333; z-index: 2; font-weight: 500; }


.headline4 { position: relative; }
    .headline4 > * { position: relative; display: inline-block; font-size: 2.3em; box-sizing: border-box; color: #333333; z-index: 2; 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 { }
    .quantity > ul { display: flex; width: auto; border-radius: 5px; overflow: hidden; }
        .quantity > ul > li { }
            .quantity > ul > li:nth-child(2) { margin: 0 10px; }
            .quantity > ul > li > a { display: flex; justify-content: center; align-items: center; font-size: 1.2em; width: 50px; height: 50px; background-color: #D8D8D8; transition: all 0.5s ease-in-out; border-radius: 50%; }
                .quantity > ul > li > a:hover, .quantity > ul > li > a:focus { background-color: #838383; color: #fff; }
            .quantity > ul > li > input { border: 1px solid #DEDEDE; width: 100px; height: 50px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.4em; color: #212121; border-radius: 50px; }
            .quantity > ul > li input::-webkit-outer-spin-button,
            .quantity > ul > li input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

            /* Firefox */
            .quantity > ul > li input[type=number] { -moz-appearance: textfield; }
/***End Quantity****/

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

    .headline1 > *:not(.headline_link) { font-size: 2.2em; }
    .headline2 > * { min-width: 0; font-size: 1.5em; }
    .headline2 .link {top:initial;transform:translateY(0);bottom:-28px;}
    .headline2 .link > img {height:20px; }
}

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

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

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