/******General Classes******/
.pos_relative { position: relative; }
.display_none { display: none !important; }
.display_mobile { display: none; }
.disabled_button { pointer-events: none; background-color: gray; color: white; border: gray; }
.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%); }
.pointer { cursor: pointer; }
.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; }
.opacity_none { opacity: 0; pointer-events: none; }

[data-toggleItem] { display: none; }
[data-toggleItem].active { display: block; }

.error_conti, .checkbox_validation { position: relative; }
.validation-summary-errors { color: #fa0404; margin-bottom:10px;}
.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; }
.error_conti .field-validation-error { right: 0; bottom: 10px; text-align: right; width: 100% !important; font-size: 1em; }
.checkbox_validation .field-validation-error { right: 0; width: 100% !important; bottom: -12px; }

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

.bread { box-sizing: border-box; text-align: right; font-size: 1.15em; color: #11111180; }
    .bread > * { font-weight: 400; }
    .bread a { color: #1F67E4; }
        .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.5em; font-weight: 400; }

.link { color: #0F0E0E; }
.link2 { color: #0F0E0E; }
.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; padding: 10px 0; box-sizing: border-box; text-align: right; font-size: 0.9em; color: #212121; /*justify-content: flex-end;*/ direction: rtl; align-items: center; }
    .bread a { font-weight: 400; color: #212121;display:flex;align-items:center; }
    .bread a > img { margin-left:5px;}
    .bread > * { font-weight: 300; margin-right: 5px; }
    .bread a:hover, .bread a:focus { text-decoration: underline; }
    .bread .arrow { border-color: #A7A7A7 ;border-width:1px;border-left:none;border-top:none;padding:3px;margin-bottom:2px;margin-left:5px;}

.color2 {color:#fff; }

.general_loader_conti { position: fixed; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #ffffffc7; z-index: 100000000; }
.loader_full_color .general_loader_conti {background-color:#fff; }
    .general_loader_conti.loaded { display: none; }
.general_loader {  width: 100px; height: 100px; -webkit-animation: loaderspin 15s linear infinite; /* Safari */ animation: loaderspin 15s linear infinite; }
.general_loader > img {width:100%; }

.heartbit { -webkit-animation: heartbit 10s linear infinite; /* Safari */ animation: heartbit 10s linear infinite; }

/* Safari */
@-webkit-keyframes loaderspin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes loaderspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes heartbit {
    0% { background-color: #0F0E0E; }
    25% { background-color: #dfcfaa; color:#fff;}
    50% { background-color: #0F0E0E; }
    75% { background-color: #dfcfaa; color: #fff; }
    100% { background-color: #0F0E0E; }
}

@keyframes heartbit {
    0% { background-color: #0F0E0E; }
    25% { background-color: #dfcfaa; color: #fff; }
    50% { background-color: #0F0E0E; }
    75% { background-color: #dfcfaa; color: #fff; }
    100% { background-color: #0F0E0E; }
}
/******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: 2.5em; box-sizing: border-box; color: #0F0E0E; z-index: 2; font-weight: 600; }

.headline2 { position: relative; }
    .headline2 > *:not(.link) { position: relative; display: inline-block; font-size: 2.2em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400; }


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

.headline4 { position: relative; padding-bottom: 11.5px; }
    .headline4 > *:not(.link):not(.headline_link) { position: relative; display: inline-block; font-size: 2.5em; box-sizing: border-box; color: #fff; z-index: 2; font-weight: 400; }
    .headline4 .headline_link { position: absolute; bottom: 0; left: 0; color: #212121; font-size: 1.2em; }
    .headline4 .link { display:inline-block;vertical-align:bottom;font-size:1.2em;margin-right:10px;}
        .headline4 .headline_link:hover, .headline4 .headline_link:focus { text-decoration: underline; }

.headline5 { font-size: 2.2em; color: #212121; }
    .headline5 > * { font-weight: 400; 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; }

.headline7 { position: relative; }
    .headline7 > * { position: relative; display: inline-block; font-size: 1.3em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400; }
    .headline7.has_border { border-bottom: 1px solid #A7A7A7 ;padding-bottom:10px;}

.headline8 { position: relative; }
    .headline8 > *:not(.link) { position: relative; display: inline-block; font-size: 2.2em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 500;border-bottom:1px solid #BE0E0D; }
    .headline8 .headline_link { position: absolute; bottom: -20px; left: 0; color: #003C88; font-size: 1.2em; }
        .headline8 .headline_link:hover, .headline8 .headline_link:focus { text-decoration: underline; }


.headline9 { font-size: 1.3em; }
    .headline9 > * { font-weight: 400; display: inline-block; position: relative;  }

.headline10 { font-size: 2.05em; color: #4E3123;}
    .headline10 > * { font-weight: 600; display: inline-block; position: relative; }


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

.text_size_regular {font-size:1.05em; }
/******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: #E8E8E8; transition: all 0.5s ease-in-out; border-radius: 15px; border: 1px solid #A7A7A7; }
                .quantity > ul > li > a:hover, .quantity > ul > li > a:focus { background-color: #838383; color: #fff; }
            .quantity > ul > li > input { border: 1px solid #A7A7A7; width: 100px; height: 50px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.4em; color: #212121; border-radius: 15px; }
            .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: 2em; }
    .headline2 > *:not(.link), headline8 > *, .headline3 > * { 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) {
}