﻿/* rubik-300 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: url('../fonts/rubik-v14-latin_hebrew-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-300.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-regular - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: url('../fonts/rubik-v14-latin_hebrew-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-regular.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-600 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 600; src: url('../fonts/rubik-v14-latin_hebrew-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-600.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-500 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: url('../fonts/rubik-v14-latin_hebrew-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-500.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-800 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 800; src: url('../fonts/rubik-v14-latin_hebrew-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-800.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-700 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: url('../fonts/rubik-v14-latin_hebrew-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-700.svg#Rubik') format('svg'); /* Legacy iOS */ }
/* rubik-900 - latin_hebrew */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: url('../fonts/rubik-v14-latin_hebrew-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/rubik-v14-latin_hebrew-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v14-latin_hebrew-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v14-latin_hebrew-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v14-latin_hebrew-900.svg#Rubik') format('svg'); /* Legacy iOS */ }

html { font-size: 15px; }

body { --bs-body-font-family: 'Rubik', sans-serif; --bs-body-font-size: 15px; --bs-body-font-weight: normal; }

.modal { background-color: #00000073; }
.buttons_options { position: absolute; left: 10px; top: 10px;width:100px !important;padding:0; }
.mobile_search_form {width:100%;max-width:450px; border: 1px solid rgb(198, 209, 222); padding: 10px; box-sizing: border-box; margin-bottom: 20px;border-radius:5px; }

[type="password"] { direction: ltr; }

dt::after { content: ": "; }

dd::after { content: "\00a0\00a0"; }

.list-delimiter:not(:last-child):after { content: " | "; }

.text-ltr-end { direction: ltr; text-align: end; }

.text-rtl-end { direction: ltr; text-align: start; }

.fa-stack.small { height: 0.5em; width: 0.875em; }

.btn-collapse { display: inline-block; align-self: center; font-weight: 400; line-height: 1.5; color: #0d6efd; border: 1px solid #0d6efd; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

    .btn-collapse:not(.collapsed) .text-expanded { display: none; }

    .btn-collapse.collapsed .text-collapsed { display: none; }

.invalid-feedback { display: block; }
.btn-layout { border: 1px solid #b3b3b3; background-color: transparent; }

    .btn-layout:hover { border-color: #46CCAC; }

    .btn-layout.active { background-color: transparent; }

.btn-control { color: #0D92DF; background-color: transparent; padding: 0.2rem; }

    .btn-control.disabled { color: #B7B7B7; }

    .btn-control:hover { color: #46CCAC; }

.btn-favorite { color: #999999; background-color: transparent; padding: 0.2rem; }

    .btn-favorite:hover { color: #d88900; }

    .btn-favorite.active { color: #F19900; }

        .btn-favorite.active:hover { color: #d88900; }

.info-flag { color: #C1C1C1; background-color: transparent; padding: 0.2rem; }

    .info-flag.active { color: #F19900; }

/*.modal-header .btn-close {
    margin: -0.5rem -0.5rem -0.5rem auto;
}*/

.nav li a { color: #000 !important; font-size: 1.1rem; }

    .nav li a:hover { color: #46CCAC !important; }

    .nav li a.active { background-color: #C9DAF8; }

.tab-nav > .nav-item > .nav-link.active { color: #46CCAC !important; }

.page-header { font-size: 2rem; font-weight: 500; color: #46CCAC; }

.page-subheader { font-size: 1.6rem; font-weight: 400; color: #46CCAC; }

.card-product { border-radius: 0.625rem; }

    .card-product .card-header { padding: 20px 10px 10px 10px; background-color: transparent; border-bottom: none; }

.card-product-name { color: #010101; font-size: 1.2rem; font-weight: 500; min-height: 3rem; }

.card-product-size { direction: ltr; color: #010101; font-size: 1.1rem; font-weight: 500; }

.btn-primary { min-width: 167px; border-radius: 20px; }

.btn-warning { min-width: 167px; border-radius: 20px; }

.btn-outline-secondary { min-width: 167px; color: #000; border-radius: 20px; border-color: #60A0C1; }

    .btn-outline-secondary:hover { color: #46CCAC; }

    .btn-outline-secondary:hover { color: #46CCAC; background-color: transparent; border-color: #46CCAC; }

    .btn-check:focus + .btn-outline-secondary,
    .btn-outline-secondary:focus { box-shadow: none; }

    .btn-check:checked + .btn-outline-secondary,
    .btn-check:active + .btn-outline-secondary,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .btn-outline-secondary.dropdown-toggle.show { color: #46CCAC; background-color: transparent; border-color: #46CCAC; }

        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-check:active + .btn-outline-secondary:focus,
        .btn-outline-secondary:active:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: none; }

.input-inside-wrapper { position: relative; }

    .input-inside-wrapper > .input-inside-icon { cursor: pointer; position: absolute; right: 0.5rem; top: 0.5rem; }

        .input-inside-wrapper > .input-inside-icon + .form-control { direction: ltr; padding-right: 2rem; }

.btn-quantity-plus { background-color: #FFF; border: 1px solid #000; margin-left: -1px; }

    .btn-quantity-plus:hover,
    .btn-quantity-plus:focus { background-color: #EFEFEF; box-shadow: none; }

.quantity-number { width: 60px; font-size: 1.2rem; text-align: center; }

/* Chrome, Safari, Edge, Opera */
input.quantity-number::-webkit-outer-spin-button,
input.quantity-number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input.quantity-number[type=number] { -moz-appearance: textfield; }

.btn-quantity-minus { background-color: #FFF; border: 1px solid #000; margin-left: -1px; }

    .btn-quantity-minus:hover,
    .btn-quantity-minus:focus { background-color: #EFEFEF; box-shadow: none; }

.text-truncate-container p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.validation-summary-errors ul { margin-bottom: 0; }

.disabled-link { pointer-events: none; }

.cell-controls { white-space: nowrap; width: 1%; }

.table > tbody > tr.feedback-replies /*:last-of-type*/ > td { border-bottom: 1pt solid #000; }

.table > thead > * > .column-sortable { cursor: pointer; }

    .table > thead > * > .column-sortable:hover { color: #46CCAC; }

    .table > thead > * > .column-sortable > .order-arrow { display: none; }

        .table > thead > * > .column-sortable > .order-arrow.active { display: inline-block; }

.table-offer > thead > * > * { background-color: #E4F9F5; color: #000; font-size: 1.2rem; font-weight: normal; }

.table-offer > :not(:first-child) { border-top: none; }

.table-offer > :not(caption) > * > * { padding-top: 1rem; vertical-align: middle; }

    .table-offer > :not(caption) > * > *:first-child { padding-right: 2rem; }

    .table-offer > :not(caption) > * > *:last-child { padding-left: 2rem; }

.table-offer > tbody > tr:hover > * { cursor: pointer; background-color: rgb(164, 230, 214); box-shadow: inset 0 0 0 9999px transparent; }

.table td.min,
.table th.min { width: 1%; white-space: nowrap; }

.table-text-center > :not(caption) > * > * { text-align: center; }

.table-responsive-stack thead th,
.table-responsive-stack thead td { white-space: nowrap; }

@media screen and (max-width: 995px) {
    .table-responsive-stack table,
    .table-responsive-stack thead,
    .table-responsive-stack tbody,
    .table-responsive-stack th,
    .table-responsive-stack td,
    .table-responsive-stack tr { display: block; }

        .table-responsive-stack thead tr { position: absolute; top: -9999px; left: -9999px; }

    .table-responsive-stack tr { border: 1px solid #CCC; }

    .table-responsive-stack td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #EEE; position: relative; padding-right: 50% !important; white-space: normal; text-align: right; }

        .table-responsive-stack td.cell-controls { width: auto; }

        .table-responsive-stack td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; right: 6px; width: 45%; padding-left: 10px; white-space: nowrap; text-align: right; font-weight: bold; }

        /*
	    Label the data
	    */
        .table-responsive-stack td:before { content: attr(data-title); }
}

.general_message { display: block; width: 100%; position: relative; color: #fff; background-color: #FF6D84; text-align: center; font-size: 1.3em; }
    .general_message > ul { padding: 0; margin-bottom: 0; }
        .general_message > ul > li { position: absolute; right: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; list-style: none; }
            .general_message > ul > li.active { position: relative; }
.message_item { display: block; opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; }
    .message_item.active { opacity: 1; pointer-events: all; }
    .message_item p { margin-bottom: 0 !important; }
    .message_item > * { color: #fff; text-decoration: none !important; }

.faq_conti { }
    .faq_conti > ul { padding: 0; }
        .faq_conti > ul > li { margin-bottom: 15px; list-style: none; }

.faq_item { display: block; background-color: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; }
    .faq_item .q { position: relative; }
        .faq_item .q .ex_link { position: absolute; right: 10px; top: 45%; transform: translateY(-50%); width: 22px; }
            .faq_item .q .ex_link > img { width: 100%; }
        .faq_item .q .title { display: block; padding: 10px 70px; box-sizing: border-box; color: #3B3B3B; font-size: 1.4em; font-weight: 700; }
        .faq_item .q .arrow { position: absolute; left: 10px; top: 45%; border-color: #003E91; }
    .faq_item .a { display: none; padding: 0 20px 30px 20px; box-sizing: border-box; color: #707070; font-size: 1.2em; line-height: 120%; }
        .faq_item .a > * { padding: 30px 20px; box-sizing: border-box; border-radius: 8px; background-color: #003E9112; }
        .faq_item .a .images_conti { }
            .faq_item .a .images_conti > ul { display: flex; flex-wrap: wrap; }
                .faq_item .a .images_conti > ul > li { width: 32%; margin-left: 2%; margin-bottom: 10px; display: flex; align-items: center; }
                    .faq_item .a .images_conti > ul > li:nth-child(3n) { margin-left: 0; }
        .faq_item .a .image_conti { text-align: center; width: 100%; }
            .faq_item .a .image_conti > img { display: inline-block; vertical-align: middle; max-width: 100%; }
        .faq_item .a > * > ul { list-style-type: circle; }

.faq_item_inner .q .title { padding: 35px 30px; }
.faq_item_inner .a { display: block; }

.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #00000066; right: 0; top: 0; padding: 20px 10px; box-sizing: border-box; }
    .popup_conti .popup { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; background-color: #fff; padding: 30px 20px; box-sizing: border-box; border-radius: 10px; }
        .popup_conti .popup .close_popup { position: absolute; left: 5px; top: 0; font-size: 1.5em; color: #000; }

.notifications_popup { display: none; }
    .notifications_popup .title { text-align: center; display: block; font-size: 1.5em; margin-bottom: 20px; }
    .notifications_popup .popup_content { }
        .notifications_popup .popup_content .short { margin-bottom: 20px; }
        .notifications_popup .popup_content .long { margin-bottom: 20px; }
    .notifications_popup .images { }
        .notifications_popup .images > ul { display: flex; flex-wrap: wrap; }
            .notifications_popup .images > ul > li { width: 32%; margin-left: 2%; margin-bottom: 2%; }
                .notifications_popup .images > ul > li:nth-child(3n) { margin-left: 0; }
                .notifications_popup .images > ul > li .image { width: 100%; height: 0; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.confirm_popup { position: fixed; width: 100%; height: 100%; background-color: #00000066; right: 0; top: 0; padding: 20px 10px; box-sizing: border-box; display:block;}
    .confirm_popup .content { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; background-color: #fff; padding: 30px 20px; box-sizing: border-box; border-radius: 10px; }
        .confirm_popup .content .desc { }
            .confirm_popup .content .desc > h2 { font-size: 1.5em;  display: block; margin-bottom: 20px; }
            .confirm_popup .content .desc > p { font-size:1.2em;line-height:120%;display:block;margin-bottom:10px;}
    .confirm_popup .content  .confirm_button {display:block; width:100%;max-width:250px;text-align:center;background-color:#0d6efd;color:#fff;padding:10px;box-sizing:border-box;margin:0 auto; font-size:1.2em;font-weight:500;text-decoration:none;transition:all 0.5s ease-in-out;}
        .confirm_popup .content .confirm_button:hover, .confirm_popup .content .confirm_button:focus {background-color:#0046ad; }


.general_text { }
    .general_text h2 { font-size: 1.5em; font-weight: 500; display: block; margin-bottom: 20px; }
    .general_text p { font-size: 1.2em; font-weight: 400; display: block; margin-bottom: 10px; }
    .general_text ul { list-style: circle; padding-right: 20px; box-sizing: border-box; }
        .general_text ul > li { display: list-item; font-size: 1.2em; font-weight: 400; margin-bottom: 10px; }


.contact_page { }
    .contact_page form { width: 100%; max-width: 600px; margin: 0 auto; }
        .contact_page form > ul { display: flex; flex-wrap: wrap; list-style: none; }
            .contact_page form > ul > li { width: 32%; margin-left: 2%; position: relative; margin-bottom: 10px; }
                .contact_page form > ul > li:nth-child(3) { margin-left: 0; }
                .contact_page form > ul > li:nth-child(4) { width: 100%; margin-left: 0; }
                .contact_page form > ul > li:last-child { width: 100%; margin-left: 0; text-align: center; }
        .contact_page form input { width: 100%; padding: 8px 10px; box-sizing: border-box; border: 1px solid #000; border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133)); }
        .contact_page form textarea { width: 100%; min-height: 100px; padding: 10px; box-sizing: border-box; }
        .contact_page form button { display: inline-block; padding: 10px; box-sizing: border-box; text-align: center; font-size: 1.2em; color: #fff; background-color: #46CCAC; border: none; border-radius: 5px; transition: all 0.5s ease-in-out; }
            .contact_page form button:hover, .contact_page form button:focus { background-color: #00926f; }

    .contact_page .field-validation-error { position: absolute; right: 15px; bottom: 3px; color: #fa0404; pointer-events: none; font-size: 10px; z-index: 2; width: auto !important; }
        .contact_page .input-validation-error, .contact_page .field-validation-error + .like_select { box-shadow: inset 0 0 2px #ff0000 !important; }
    .contact_page .text { text-align: center; }
        .contact_page .text p { font-size: 1.2em; margin-bottom: 20px; }

.choose_distributor { }
    .choose_distributor > ul { display: flex; flex-wrap: wrap; justify-content: center; }
        .choose_distributor > ul > li { margin-left: 20px; margin-bottom: 15px; list-style: none; }
            .choose_distributor > ul > li > a { display: block; color: #fff; font-size: 1.2em; text-decoration: none; background-color: #46CCAC; border-radius: 5px; padding: 5px 8px; box-sizing: border-box; transition: all 0.5s ease-in-out; }
                .choose_distributor > ul > li > a:hover, .choose_distributor > ul > li > a:focus { background-color: #008162; box-shadow: 0 3px 6px #28282839; }

.general_tbl { }
    .general_tbl table { width: 100%; table-layout: fixed; }
        .general_tbl table > thead { background-color: #000; color: #fff; }
            .general_tbl table > thead > tr { }
                .general_tbl table > thead > tr > td { padding: 5px; box-sizing: border-box; }

    .general_tbl table { width: 100%; }
        .general_tbl table > tbody { }
            .general_tbl table > tbody > tr { border-bottom: 1px solid #ccc; }
                .general_tbl table > tbody > tr:nth-child(even) { background-color: #f5f5f5; }
                .general_tbl table > tbody > tr > td { padding: 5px; box-sizing: border-box; }

.bottom_links { padding: 20px 3rem; background-color: #fff; margin-top: 20px; }
    .bottom_links > ul { }
        .bottom_links > ul > li { list-style: none; }
            .bottom_links > ul > li > a { }

.list_items { }
    .list_items > ul { padding: 0; }
        .list_items > ul > li { background-color: #fff; padding: 10px; box-sizing: border-box; list-style: none; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 6px #0000002b; }
            .list_items > ul > li > h2 { font-size: 1.2em; font-weight: 500; display: block; margin: 0; }
            .list_items > ul > li > .text { border-top: 1px solid #CCC; padding-top: 10px; margin-top: 10px; }

.ltr { direction: ltr; display: inline-block; }
.page-header.colored { color: red; }

.login_page { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
    .login_page .login_top { display: none; justify-content: space-between; align-items: center; margin-bottom: 60px; }
        .login_page .login_top .logo { width: 206px; }
            .login_page .login_top .logo > img { width: 100%; display: inline-block; vertical-align: middle; }
        .login_page .login_top .contact_link { color: #073B4C; display: flex; align-items: center; }
            .login_page .login_top .contact_link > span { margin-left: 5px; }
    .login_page .login_sides_conti { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
        .login_page .login_sides_conti .side_one { width: calc(100% - 414px); padding-left: 40px; box-sizing: border-box; }
        .login_page .login_sides_conti .main_title { font-size: 1.9em; font-weight: 400; color: #073B4C; display: block; margin-bottom: 0; }
        .login_page .login_sides_conti .main_title_mobile { display: none; }
        .login_page .login_sides_conti .side_one .list { }
            .login_page .login_sides_conti .side_one .list > ul { padding: 0; }
                .login_page .login_sides_conti .side_one .list > ul > li { box-shadow: 0px 3px 6px #00000029; display: block; background-color: #fff; margin-bottom: 20px; padding: 20px 20px 20px 110px; box-sizing: border-box; position: relative; min-height: 100px; }
                    .login_page .login_sides_conti .side_one .list > ul > li .content_item > * { word-break: break-all; }
                    .login_page .login_sides_conti .side_one .list > ul > li .banner_item { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
                    .login_page .login_sides_conti .side_one .list > ul > li .content_item > *:last-child { margin-bottom: 0; }

        .login_page .login_sides_conti .side_two { width: 100%; max-width: 414px; }
    .login_page .title { display: block; margin-bottom: 13px; font-size: 1.3em; }
        .login_page .title > * { display: inline-block; border-radius: 5px; background-color: #073B4C; color: #fff; padding: 5px 10px; box-sizing: border-box; font-size: 1em; font-weight: 400; margin: 0; }
    .login_page .title2 { display: block; color: #073B4C; font-size: 1.3em; margin-bottom: 13px; font-weight: 400; }
    .login_page .button { line-height: 1; text-decoration: none; cursor: pointer; transition: all 0.5s ease-in-out; border: none; }
    .login_page .button1 { box-shadow: 0px 3px 6px #00000029; border-radius: 2px; background-color: #118AB2; display: block; width: 100%; padding: 10px; box-sizing: border-box; color: #fff; font-size: 1.2em; font-weight: 400; text-decoration: none; text-align: center; }
    .login_page .button2 { box-shadow: 0px 3px 6px #00000029; border-radius: 2px; background-color: #EF476F; display: block; width: 100%; padding: 10px; box-sizing: border-box; color: #fff; font-size: 1.2em; font-weight: 400; text-decoration: none; text-align: center; }
    .login_page .button1:hover, .login_page .button1:focus { background-color: #006687; }
    .login_page .button2:hover, .login_page .button2:focus { background-color: #ae002a; }

    .login_page .forgot_password { display: flex; align-items: center; justify-content: flex-end; padding: 10px; box-sizing: border-box; }
    .login_page .login_form_conti { margin-bottom: 40px; }

    .login_page .login_links { border: 1px solid #D5D5D6; box-sizing: border-box; padding: 50px 10px; box-sizing: border-box; }
        .login_page .login_links > ul { display: flex; align-items: center; justify-content: space-evenly; padding: 0; }
            .login_page .login_links > ul > li { width: 32%; margin-left: 2%; display: flex; justify-content: center; }
                .login_page .login_links > ul > li:nth-child(3n) { margin-left: 0; }
                .login_page .login_links > ul > li > a { display: flex; align-items: center; color: #073B4C; font-size: 1.15em; font-weight: 400; text-decoration: none; }
                    .login_page .login_links > ul > li > a:hover, .login_page .login_links > ul > li > a:focus { text-decoration: underline; }
                    .login_page .login_links > ul > li > a > span { }
                    .login_page .login_links > ul > li > a > .icon { margin-left: 10px; width: 33px; height: 30px; display: flex; align-items: center; justify-content: flex-end; }
.login_title { display:flex;justify-content:space-between;align-items:center;}
    .login_title .contact_link { color: #073B4C; display: flex; align-items: center; }
        .login_title .contact_link > span { margin-left: 5px; }


.headline_sides { display: flex; align-items: flex-end; padding-bottom: 20px; border-bottom: 1px solid #C1C1C1; margin-bottom: 44px; }
    .headline_sides > a { margin-left: 20px; }
.enigma { }
    .enigma .enigma_title { color: #073B4C; font-size: 1.9em; }
        .enigma .enigma_title > strong { font-weight: 700; }
.enigma_counter { font-size: 1.05em; font-weight: 400; margin-bottom: 30px; }

.enigma_options { margin-bottom: 20px; }
    .enigma_options .option_item { }
        .enigma_options .option_item > ul, .enigma .answer_conti > ul { display: flex; padding: 0; margin: 0 0 10px 0; }
            .enigma_options .option_item > ul.ltr, .enigma .answer_conti > ul.ltr { direction: ltr; }
            .enigma_options .option_item > ul > li, .enigma .answer_conti > ul > li { margin-left: 7px; width: 48px; height: 64px; box-shadow: 0px 3px 6px #00000029; background-color: #fff; border: 1px solid #fff; color: #118AB2; font-size: 2.1em; font-weight: 400; display: flex; align-items: center; justify-content: center; }
            .enigma_options .option_item > ul.ltr > li, .enigma .answer_conti > ul.ltr > li { margin-left: 0; margin-right: 7px; }
            .enigma_options .option_item > ul > li:last-child, .enigma .answer_conti > ul > li:last-child { margin-left: 0; margin-right: 0; }
            .enigma_options .option_item > ul > li.true { border-color: #7EDB06; }
            .enigma_options .option_item > ul > li.false { border-color: #EF476F; }
            .enigma_options .option_item > ul > li.success { border-color: #7EDB06; background-color: #7EDB06; color: #fff; }
            .enigma .answer_conti > ul > li { background-color: #EF476F; border-color: #EF476F; color: #fff; }
.enigma .answer_conti { display: none; }

.enigma .letters_options { margin-bottom: 15px; }
    .enigma .letters_options > ul { display: flex; flex-wrap: wrap; padding: 0; }
        .enigma .letters_options > ul.ltr { direction: ltr; }
        .enigma .letters_options > ul > li { margin-bottom: 5px; }
        .enigma .letters_options > ul.rtl > li { margin-left: 5px; }
        .enigma .letters_options > ul > li { margin-right: 5px; }
            .enigma .letters_options > ul > li.flip { transform: rotate(180deg); }

            .enigma .letters_options > ul > li > a { text-decoration: none; display: flex; width: 48px; height: 47px; align-items: center; justify-content: center; font-size: 1.9em; font-weight: 400; color: #118AB2; border: 1px solid #118AB2; box-sizing: border-box; transition: all 0.5s ease-in-out; }
                .enigma .letters_options > ul > li > a:hover, .enigma .letters_options > ul > li > a:focus { background-color: #118AB2; color: #fff !important; }
                .enigma .letters_options > ul > li > a.not_active { background-color: #CCC; color: #fff; }
                .enigma .letters_options > ul > li > a.active { border: 1px solid #7EDB06; color: #118AB2; }
                .enigma .letters_options > ul > li > a.success { background-color: #7EDB06; color: #fff; }

.enigma .submit_and_hint { display: flex; align-items: center; margin-bottom: 25px; }
    .enigma .submit_and_hint .button { max-width: 213px; margin-left: 20px; }
        .enigma .submit_and_hint .button.not_active { pointer-events: none; opacity: 0.5; }
    .enigma .submit_and_hint .hint { }
        .enigma .submit_and_hint .hint > div { display: flex; align-items: center; font-size: 1.05em; }
            .enigma .submit_and_hint .hint > div > img { margin-left: 10px; }
            .enigma .submit_and_hint .hint > div > span { color: #073B4C; margin-left: 5px; }
            .enigma .submit_and_hint .hint > div > strong { color: #073B4C; font-weight: 700; }
            .enigma .submit_and_hint .hint > div > a { color: #EF476F; text-decoration: none; }
            .enigma .submit_and_hint .hint > div.not_active { display: none; }

.enigma .legend { }
    .enigma .legend > ul { padding: 0; display: flex; align-items: center; }
        .enigma .legend > ul > li { display: flex; align-items: center; color: #073B4C; font-size: 0.9em; margin-left: 10px; }
            .enigma .legend > ul > li > strong { font-weight: 400; }
            .enigma .legend > ul > li > span { width: 15px; height: 15px; margin-left: 5px; border: 1px solid transparent; }
            .enigma .legend > ul > li.success { }
                .enigma .legend > ul > li.success > span { border-color: #7EDB06; background-color: #7EDB06; }
            .enigma .legend > ul > li.right { }
                .enigma .legend > ul > li.right > span { border-color: #7EDB06; }
            .enigma .legend > ul > li.wrong { }
                .enigma .legend > ul > li.wrong > span { border-color: #EF476F; }

.enigma .attempet { display: flex; flex-wrap: wrap; }
    .enigma .attempet > span { margin: 0 5px; }
.enigma .attempet_failed { color: #EF476F; font-weight: 700; margin-right: 10px; }
.enigma .attempet_success { color: #7EDB06; font-weight: 700; margin-right: 10px; }
.enigma .attempet_failed.display_none { display: none; }
.enigma .attempet_success.display_none { display: none; }


/*.captcha_policy { display: block; font-size: 1em; color: #A7A7A7; line-height: 120%; border-top: 1px solid #000; padding-top: 10px; }
    .captcha_policy a { color: #3F79C6; }
        .captcha_policy a:hover, .captcha_policy a:focus { text-decoration: underline; }
.grecaptcha-badge { visibility: hidden; }*/


@media only screen and (max-width : 1020px) {
    .login_page .login_top {display:flex;}
    .login_page .login_top .logo { width: 140px; }
    .login_page .login_sides_conti .side_two { width: 100%; padding: 0; order: 1; max-width: 460px; margin: 0 auto 20px auto; }
    .login_page .login_sides_conti .side_one { width: 100%; padding: 0; order: 2; }

    .login_page .login_sides_conti .main_title_remove_mobile { display: none; }
    .login_page .login_sides_conti .main_title_mobile { display: block; font-size: 1.5em; margin-bottom:20px;}
    .login_page .login_links { padding: 20px 10px; }
        .login_page .login_links > ul { flex-wrap: wrap; }
            .login_page .login_links > ul > li { width: 100%; margin: 0 0 20px 0; justify-content: flex-start; }
                .login_page .login_links > ul > li:last-child { margin-bottom: 0; }

    .headline_sides > a.logo { display: none; }
    .login_title .contact_link {display:none; }

    

}

@media only screen and (max-width : 600px) {
    .contact_page form > ul > li { width: 100%; margin-left: 0; }

    .login_page .p-5 { padding: 20px !important; box-sizing: border-box; }

    .enigma .submit_and_hint { flex-wrap: wrap; justify-content: center; }
        .enigma .submit_and_hint .button { max-width: 100%; margin-bottom: 10px; margin-left: 0; }
    .enigma .legend > ul { justify-content: center; }
        .enigma .legend > ul > li { margin-left: 5px; }
            .enigma .legend > ul > li:last-child { margin-left: 0; }
    .mobile_search_form { width:100%; }
}
/**/
