@import 'https://fonts.googleapis.com/css?family=Almarai:400italic,700italic,400,700|El+Messiri:400italic,700italic,400,700&display=swap';

html, body {
    font-size: 14px !important;
}

h1 {
    font-size: 1.602em;
}

h2 {
    font-size: 1.424em;
}

h3 {
    font-size: 1.266em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 0.889em;
}

h6 {
    font-size: 0.79em;
}

.display-1 {
    font-size: 3.906em;
}

.display-2 {
    font-size: 3.125em;
}

.display-3 {
    font-size: 2.5em;
}

.display-4 {
    font-size: 2em;
}

@media (min-width: 48em) {
    h1 {
        font-size: 2.441em;
    }

    h2 {
        font-size: 1.953em;
    }

    h3 {
        font-size: 1.563em;
    }

    h4 {
        font-size: 1.25em;
    }

    .display-1 {
        font-size: 6em;
    }

    .display-2 {
        font-size: 5.5em;
    }

    .display-3 {
        font-size: 4.5em;
    }

    .display-4 {
        font-size: 3.5em;
    }
}

@media (min-width: 62em) {
    html, body {
        font-size: 16px !important;
    }
}

@media (min-width: 75em) {
    html, body {
        font-size: 16.5px !important;
    }
}

.input-group {
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-content: center;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: flex;
}

.input-group-addon {
    font-size: 1rem;
    padding: .375rem .75rem;
    align-items: center;
    line-height: 1.5;
    width: auto;
}

.input-group-btn {
    width: auto;
}

.form-control {
    height: auto;
    font-size: 1rem;
    padding: .375rem .75rem;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    font-size: 1rem;
    padding: .375rem .75rem;
}

.form-control.input-lg {
    font-size: 1.25rem;
    padding: .5rem 1rem;
    line-height: 1.5;
}

.btn {
    font-size: 1rem;
    padding: .375rem .75rem;
    line-height: 1.5;
}

.btn-lg {
    font-size: 1.25rem;
    padding: .5rem 1rem;
    line-height: 1.5;
}

:root {
    --global_main_color: #0476d0;
    --home_text_color: #ffffff;
    --home_third_background_color: #000000;
    --home_custom_image_size: 500px;
    --home_text_size_px: 59px;
    --home_text_size_2_px: 45px;
    --slogan_text_size_px: 24px;
    --home_text_size: 59;
    --home_text_size_2: 45;
    --slogan_text_size: 24;
    --home_text_size_px_media: 59px;
    --home_text_size_2_px_media: 45px;
    --slogan_text_size_px_media: 24px;
    --layout_text_align: left;
    --layout_text_align_rtl: right;
    --layout_text_box_width: 100%;
    --layout_left_side_width: 50%;
    --layout_left_side_width_vh: 50vh;
    --homepage_layout_height: 100%;
    --homepage_layout_height_vh: 100vh;
    --homepage_layout_height_menu_space: 0px;
    --mainNavMobileHeight: 0px;
    --homepage_layout_height_opacity_space_top: 0px;
    --homepage_layout_height_opacity_space_bottom: 0px;
    --mobileMenuFontSize: 20px;
    --mobileMenuPagesSpace: 5px;
    --homepageShapeDividerList_Size: 17%;
    --homepage_goal_space: 0px;
    --homepage_second_goal_space: 20px;
    --layout_bottom_spacing: 0px;
    --window-height: 100vh;
    --window-width: 100vw;
}

textarea {
    resize: none;
}

@media (min-width: 768px) {
    #top-section .title {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
        padding: 60px 50px;
    }

    #top-section .title p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
    }
}

@media (max-width: 767px) {
    #top-section .title {
        margin-right: auto;
        margin-left: auto;
        padding: 40px 20px;
    }
}

.background-primary-color {
    background-color: #0476d0;
}

.s123-image-ratio-16-9 {
    padding-bottom: 56.25% !important;
}

.s123-image-ratio-3-2 {
    padding-bottom: 66.66667% !important;
}

.s123-image-ratio-4-3 {
    padding-bottom: 75% !important;
}

.s123-image-ratio-1-1 {
    padding-bottom: 100% !important;
}

.s123-image-ratio-9-16 {
    padding-bottom: 177.77778% !important;
}

.s123-image-ratio-2-3 {
    padding-bottom: 150% !important;
}

.s123-image-ratio-3-4 {
    padding-bottom: 133.33333% !important;
}

.s123-comments-container .blogCommentsBox {
    overflow: hidden;
    height: 180px;
    transition: height 0.5s linear;
}

.s123-comments-container .blogCommentsBox.active {
    overflow: hidden;
    height: 350px;
}

.s123-comments-container .blogCommentsBox .extraDetails {
    visibility: hidden;
    opacity: 0;
}

.s123-comments-container .blogCommentsBox.active .extraDetails {
    visibility: visible;
    opacity: 1;
}

.s123-comments-container .commentBox {
    margin-bottom: 25px;
}

.s123-comments-container .commentBox .title {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

.s123-comments-container .commentBox .time {
}

.s123-comments-container .commentBox p {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.s123-comments-container .commentsForm {
    margin-top: 15px;
    margin-bottom: 15px;
}

.s123-comments-container .sub-comments-div {
    margin: 10px;
}

.s123-comments-container .sub-comments-div-box {
    padding: 10px;
}

.s123-comments-container .commentBox .message, .s123-comments-container .sub-comments-div-box .message {
    white-space: pre-wrap;
}

.review-pop-up .blogCommentsBox {
    padding: 0;
    border: 0px solid #e0e0e0;
}

.s123-comments-container.s123-review-container .commentBox {
    border: 0px solid #e0e0e0;
    margin-bottom: 0px;
    padding: 1em;
}

.s123-comments-container.s123-review-container .blogCommentsBox {
    height: 230px;
}

.review-pop-up .rating-area > span {
    display: block;
    margin-bottom: 5px;
}

.review-pop-up .rating-area i.star-half-png, .review-pop-up .rating-area i.star-off-png, .review-pop-up .rating-area i.star-on-png {
    color: #ffbf00;
}

.review-pop-up .rating-area [data-black-stars="1"] i.star-half-png, .review-pop-up .rating-area [data-black-stars="1"] i.star-off-png, .review-pop-up .rating-area [data-black-stars="1"] i.star-on-png {
    color: #000;
}

.s123-comments-container.s123-review-container .blog-reply-to {
    display: none;
}

.s123-page-data-eCommerce #productPageReview .commentsForm {
    display: none;
}

.review-pop-up #productPageReview .commentsForm {
    display: block;
}

#productPageReview .show-more {
    cursor: pointer;
}

.review-pop-up .rating-plugin-submit-btn-box {
    margin-bottom: 10px;
    text-align: center;
}

.review-pop-up .rating-plugin-submit-btn-box > button {
    min-width: 120px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}

#top-section {
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: transparent;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#top-section .home_background_wrapper {
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#parallax_home_opacity {
    background-color: #000000 !important;
}

#top-section .home-image-bg, #top-section .carousel, #top-section #video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

#top-section .homepage-layout-24 .btn-primary-transparent {
    color: #ffffff;
}

#top-section .homepage-layout-24 .btn-primary-transparent:hover, #top-section .homepage-layout-24 .btn-primary-transparent:focus {
    color: #ffffff;
}

#top-section .homepage-layout-24 .btn-primary-white {
    background-color: #ffffff;
    color: #000000;
    border-color: transparent;
}

#top-section .homepage-layout-24 .btn-primary-white:hover, #top-section .homepage-layout-24 .btn-primary-white:focus {
    opacity: 0.9;
}

#top-section .homepage-layout-24 .btn-primary-black {
    background-color: #000000;
    color: #ffffff;
    border-color: transparent;
}

#top-section .homepage-layout-24 .btn-primary-grey {
    background-color: #ebedf0;
    color: #444950;
    border-color: transparent;
}

#top-section .homepage-layout-24 .btn-primary-grey:hover, #top-section .homepage-layout-24 .btn-primary-grey:focus {
    color: #444950;
    background-color: #e2e5e9;
}

#top-section .homepage-layout-24 .btn-primary-black:hover, #top-section .homepage-layout-24 .btn-primary-black:focus {
    opacity: 0.9;
}

_:-ms-fullscreen, :root .homepage-search-field {
    width: 400px;
}

#top-section .weight400 {
    font-weight: normal;
}

#top-section .weight700 {
    font-weight: bold;
}

#top-section .italic {
    font-style: italic;
}

#top-section .spacingSmall {
    letter-spacing: 1px;
    word-spacing: 1px;
}

#top-section .spacingBig {
    letter-spacing: 3px;
    word-spacing: 3px;
}

#top-section .spacingLarge {
    letter-spacing: 5px;
    word-spacing: 5px;
}

#top-section .bottomSpaceSmall {
    margin-bottom: 10px;
}

#top-section .bottomSpaceBig {
    margin-bottom: 30px;
}

#top-section .bottomSpaceLarge {
    margin-bottom: 50px;
}

#top-section .bottomSpaceHuge {
    margin-bottom: 70px;
}

#top-section .shadow1 {
    text-shadow: 1px 1px 3px #000;
}

#top-section .shadow3 {
    text-shadow: 3px 3px 3px #000;
}

#top-section .shadow2 {
    text-shadow: 5px 5px 3px #000;
}

#top-section .shadow4 {
    text-shadow: 5px 5px 0px #000;
}

#top-section .background1 {
    border: 1px solid;
    padding: 5px 25px;
}

#top-section h1.background1 {
    border: calc(var(--home_text_size_px_media) / 15) solid;
}

#top-section h2.background1 {
    border: calc(var(--home_text_size_2_px_media) / 15) solid;
}

#top-section p.background1 {
    border: calc(var(--slogan_text_size_px_media) / 15) solid;
}

@media (max-width: 767px) {
    #top-section .background1 {
        padding: 0 5px;
    }
}

#top-section .background2 {
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px 25px;
}

#top-section h1.background2 {
    border-top: calc(var(--home_text_size_px_media) / 15) solid;
    border-bottom: calc(var(--home_text_size_px_media) / 15) solid;
}

#top-section h2.background2 {
    border-top: calc(var(--home_text_size_2_px_media) / 15) solid;
    border-bottom: calc(var(--home_text_size_2_px_media) / 15) solid;
}

#top-section p.background2 {
    border-top: calc(var(--slogan_text_size_px_media) / 15) solid;
    border-bottom: calc(var(--slogan_text_size_px_media) / 15) solid;
}

@media (max-width: 767px) {
    #top-section .background2 {
        padding: 0 5px;
    }
}

#top-section .background3 {
    border: 0;
    padding: 5px 25px;
    background-color: var(--global_main_color);
    color: white !important;
}

@media (max-width: 767px) {
    #top-section .background3 {
        padding: 0 5px;
    }
}

#top-section .background4 {
    border: 0;
    padding: 5px 25px;
    background-color: rgba(4, 118, 208, 0.7);
    color: white !important;
}

@media (max-width: 767px) {
    #top-section .background4 {
        padding: 0 5px;
    }
}

#top-section .background5 {
    border: 0;
    padding: 5px 25px;
    background-color: #000;
    color: #fff !important;
}

@media (max-width: 767px) {
    #top-section .background5 {
        padding: 0 5px;
    }
}

#top-section .background6 {
    border: 0;
    padding: 5px 25px;
    background-color: #fff;
    color: #000 !important;
}

@media (max-width: 767px) {
    #top-section .background6 {
        padding: 0 5px;
    }
}

#top-section .background7 {
    border: 0;
    padding: 5px 25px;
    background-color: #fff;
    color: #000 !important;
    box-shadow: 3px 3px 2px 2px #000;
}

@media (max-width: 767px) {
    #top-section .background7 {
        padding: 0 5px;
    }
}

#top-section .background8 {
    color: var(--global_main_color) !important;
}

#top-section .background9 {
    opacity: 0.7 !important;
}

#top-section .background10:after {
    content: '';
    display: block;
    border-top: 6px solid var(--global_main_color);
    width: 100px;
    margin: 15px auto;
}

#top-section .ele_align_right .background10:after {
    margin-left: auto;
    margin-right: 0;
}

#top-section .ele_align_left .background10:after {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #top-section .ele_align_right .background10:after {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #top-section .ele_align_left .background10:after {
    margin-left: auto;
    margin-right: 0;
}

#top-section h1.background10:after {
    border-top: calc(var(--home_text_size_px_media) / 15) solid var(--global_main_color);
}

#top-section h2.background10:after {
    border-top: calc(var(--home_text_size_2_px_media) / 15) solid var(--global_main_color);
}

#top-section p.background10:after {
    border-top: calc(var(--slogan_text_size_px_media) / 15) solid var(--global_main_color);
}

#top-section .background11:before {
    content: '';
    display: block;
    border-top: 6px solid var(--global_main_color);
    border-top: calc(var(--home_text_size_px_media) / 15) solid var(--global_main_color);
    width: 100px;
    margin: 15px auto;
}

#top-section .ele_align_right .background11:before {
    margin-left: auto;
    margin-right: 0;
}

#top-section .ele_align_left .background11:before {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #top-section .ele_align_right .background11:before {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #top-section .ele_align_left .background11:before {
    margin-left: auto;
    margin-right: 0;
}

#top-section h1.background11:before {
    border-top: calc(var(--home_text_size_px_media) / 15) solid var(--global_main_color);
}

#top-section h2.background11:before {
    border-top: calc(var(--home_text_size_2_px_media) / 15) solid var(--global_main_color);
}

#top-section p.background11:before {
    border-top: calc(var(--slogan_text_size_px_media) / 15) solid var(--global_main_color);
}

#top-section .background12 {
    border: 0;
    padding: 5px 25px;
    background-color: rgba(4, 118, 208, 0.7);
    color: white !important;
    position: relative;
}

#top-section .background12:after {
    content: " ";
    position: absolute;
}

#top-section h1.background12:after {
    border: calc(var(--home_text_size_px_media) / 15) solid;
    width: calc(100% + var(--home_text_size_px_media) / 6 * 2);
    height: calc(100% + var(--home_text_size_px_media) / 6 * 2);
    left: calc(var(--home_text_size_px_media) / 6 * -1);
    top: calc(var(--home_text_size_px_media) / 6 * -1);
}

#top-section h2.background12:after {
    border: calc(var(--home_text_size_2_px_media) / 15) solid;
    width: calc(100% + var(--home_text_size_2_px_media) / 6 * 2);
    height: calc(100% + var(--home_text_size_2_px_media) / 6 * 2);
    left: calc(var(--home_text_size_2_px_media) / 6 * -1);
    top: calc(var(--home_text_size_2_px_media) / 6 * -1);
}

#top-section p.background12:after {
    border: calc(var(--slogan_text_size_px_media) / 15) solid;
    width: calc(100% + var(--slogan_text_size_px_media) / 6 * 2);
    height: calc(100% + var(--slogan_text_size_px_media) / 6 * 2);
    left: calc(var(--slogan_text_size_px_media) / 6 * -1);
    top: calc(var(--slogan_text_size_px_media) / 6 * -1);
}

@media (max-width: 767px) {
    #top-section .background12 {
        padding: 0 5px;
    }
}

.magic_homepage .boxStyle_1 {
    background-color: #000;
    padding: 20px;
    border-radius: 0;
    border-top: 5px solid var(--global_main_color);
}

.magic_homepage .boxStyle_1 h1, .magic_homepage .boxStyle_2 h1, .magic_homepage .boxStyle_1 p {
    color: #fff !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_2 {
    background-color: #fff;
    padding: 20px;
    border-radius: 0;
    border-top: 5px solid var(--global_main_color);
}

.magic_homepage .boxStyle_2 h1, .magic_homepage .boxStyle_2 h2, .magic_homepage .boxStyle_2 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_3 {
    background-color: #fff;
    padding: 20px;
    border-radius: 0;
    border: 5px solid var(--global_main_color);
}

.magic_homepage .boxStyle_3 h1, .magic_homepage .boxStyle_3 h2, .magic_homepage .boxStyle_3 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_4 {
    padding: 20px;
    border-radius: 0;
    position: relative;
    margin-right: 25px;
}

.magic_homepage .boxStyle_4 .boxBorder, .magic_homepage .boxStyle_4 .homepage_goal {
    z-index: 1;
}

.magic_homepage .boxStyle_4:before {
    content: " ";
    position: absolute;
    left: 25px;
    top: 25px;
    background-color: var(--global_main_color);
    width: 100%;
    height: 100%;
}

.magic_homepage .boxStyle_4:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.magic_homepage .boxStyle_4 h1, .magic_homepage .boxStyle_4 h2, .magic_homepage .boxStyle_4 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_5 {
    padding: 20px;
    border-radius: 0;
    position: relative;
    margin-left: 25px;
}

.magic_homepage .boxStyle_5 .boxBorder, .magic_homepage .boxStyle_5 .homepage_goal {
    z-index: 1;
}

.magic_homepage .boxStyle_5:before {
    content: " ";
    position: absolute;
    left: -25px;
    top: -25px;
    background-color: var(--global_main_color);
    width: 100%;
    height: 100%;
}

.magic_homepage .boxStyle_5:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.magic_homepage .boxStyle_5 h1, .magic_homepage .boxStyle_5 h2, .magic_homepage .boxStyle_5 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_6 {
    padding: 20px;
    border-radius: 0;
    position: relative;
    margin-right: 75px;
}

.magic_homepage .boxStyle_6 .boxBorder, .magic_homepage .boxStyle_6 .homepage_goal {
    z-index: 1;
}

.magic_homepage .boxStyle_6:before {
    content: " ";
    position: absolute;
    left: calc(100% - 75px);
    top: calc(100% - 75px);
    background-color: var(--global_main_color);
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.magic_homepage .boxStyle_6:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.magic_homepage .boxStyle_6 h1, .magic_homepage .boxStyle_6 h2, .magic_homepage .boxStyle_6 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxStyle_7 {
    padding: 20px;
    border-radius: 0;
    position: relative;
    margin-right: 200px;
    margin-bottom: 200px;
}

.magic_homepage .boxStyle_7 .boxBorder, .magic_homepage .boxStyle_7 .homepage_goal {
    z-index: 1;
}

.magic_homepage .boxStyle_7:before {
    content: " ";
    position: absolute;
    left: calc(100% - 200px);
    top: calc(100% - 200px);
    width: 400px;
    height: 400px;
    background-image: url("data:image/svg+xml;utf8,<svg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'><g transform='translate(160,200)'><path d='M206.8,-107.6C249.1,-46.2,251.4,50.2,210.3,94.4C169.2,138.7,84.6,130.8,18.5,120.2C-47.6,109.5,-95.3,96,-125.4,58.1C-155.6,20.2,-168.3,-42.2,-144.5,-92.9C-120.7,-143.7,-60.3,-182.8,11,-189.2C82.3,-195.5,164.5,-169,206.8,-107.6Z' fill='%230476d0' /></g></svg>");
}

@media (max-width: 767px) {
    .magic_homepage .boxStyle_7:before {
        left: calc(100% - 250px);
        top: calc(100% - 100px);
        width: 200px;
        height: 200px;
        background-image: url("data:image/svg+xml;utf8,<svg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><g transform='translate(80,100)'><path d='M103.4,-53.8C124.55,-23.1,125.7,25.1,105.15,47.2C84.6,69.35,42.3,65.4,9.25,60.1C-23.8,54.75,-47.65,48,-62.7,29.05C-77.8,10.1,-84.15,-21.1,-72.25,-46.45C-60.35,-71.85,-30.15,-91.4,5.5,-94.6C41.15,-97.75,82.25,-84.5,103.4,-53.8Z' fill='%230476d0' /></g></svg>");
    }
}

.magic_homepage .boxStyle_7:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.magic_homepage .boxStyle_7 h1, .magic_homepage .boxStyle_7 h2, .magic_homepage .boxStyle_7 p {
    color: #000 !important;
    text-shadow: none !important;
}

.magic_homepage .boxBorder h1 {
    max-width: 100%;
    white-space: pre-line;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: 'El Messiri', Arial, sans-serif;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1169px) {
    .magic_homepage .boxBorder h1 {
    }
}

@media only screen and (max-height: 767px) {
    .magic_homepage .boxBorder h1 {
        margin-bottom: calc(16 * (100vh / 768));
    }
}

.magic_homepage .boxBorder h2 {
    max-width: 100%;
    white-space: pre-line;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #ffffff;
    line-height: 1.5;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1169px) {
    .magic_homepage .boxBorder h2 {
    }
}

@media only screen and (max-height: 767px) {
    .magic_homepage .boxBorder h2 {
        margin-bottom: calc(30 * (100vh / 768));
    }
}

.magic_homepage .boxBorder p {
    max-width: 100%;
    white-space: pre-line;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: 'El Messiri', Arial, sans-serif;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 31px;
}

@media only screen and (max-width: 1169px) {
    .magic_homepage .boxBorder p {
        letter-spacing: calc(1 * (100vw / 1170));
    }
}

@media only screen and (max-height: 767px) {
    .magic_homepage .boxBorder h2 {
        margin-bottom: calc(31 * (100vh / 768));
    }
}

@keyframes port {
    0% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes port {
    0% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@media only screen and (min-width: 1px) {
    :root {
        --home_text_size_px_media: calc(var(--home_text_size) * (100vw / 1170) + 8px);
        --home_text_size_2_px_media: calc(var(--home_text_size_2) * (100vw / 1170) + 8px);
        --slogan_text_size_px_media: calc(var(--slogan_text_size) * (100vw / 1170) + 8px);
    }

    #top-section h1 {
        font-size: calc(59 * (100vw / 1170) + 8px);
        font-size: calc(var(--home_text_size) * (100vw / 1170) + 8px);
    }

    #top-section h2 {
        font-size: calc(45 * (100vw / 1170) + 8px);
        font-size: calc(var(--home_text_size_2) * (100vw / 1170) + 8px);
    }

    #top-section p {
        font-size: calc(24 * (100vw / 1170) + 8px);
        font-size: calc(var(--slogan_text_size) * (100vw / 1170) + 8px);
    }
}

@media only screen and (min-width: 480px) {
    :root {
        --home_text_size_px_media: calc(var(--home_text_size) * (100vw / 1170) + 8px);
        --home_text_size_2_px_media: calc(var(--home_text_size_2) * (100vw / 1170) + 8px);
        --slogan_text_size_px_media: calc(var(--slogan_text_size) * (100vw / 1170) + 8px);
    }

    #top-section h1 {
        font-size: calc(59 * (100vw / 1170) + 8px);
        font-size: calc(var(--home_text_size) * (100vw / 1170) + 8px);
    }

    #top-section h2 {
        font-size: calc(45 * (100vw / 1170) + 8px);
        font-size: calc(var(--home_text_size_2) * (100vw / 1170) + 8px);
    }

    #top-section p {
        font-size: calc(24 * (100vw / 1170) + 8px);
        font-size: calc(var(--slogan_text_size) * (100vw / 1170) + 8px);
    }
}

@media only screen and (min-width: 768px) {
    :root {
        --home_text_size_px_media: calc(var(--home_text_size) * (100vw / 1170));
        --home_text_size_2_px_media: calc(var(--home_text_size_2) * (100vw / 1170));
        --slogan_text_size_px_media: calc(var(--slogan_text_size) * (100vw / 1170));
    }

    #top-section h1 {
        font-size: calc(59 * (100vw / 1170));
        font-size: calc(var(--home_text_size) * (100vw / 1170));
    }

    #top-section h2 {
        font-size: calc(45 * (100vw / 1170));
        font-size: calc(var(--home_text_size_2) * (100vw / 1170));
    }

    #top-section p {
        font-size: calc(24 * (100vw / 1170));
        font-size: calc(var(--slogan_text_size) * (100vw / 1170));
    }
}

@media only screen and (min-width: 992px) {
    :root {
        --home_text_size_px_media: calc(var(--home_text_size) * (100vw / 1170));
        --home_text_size_2_px_media: calc(var(--home_text_size_2) * (100vw / 1170));
        --slogan_text_size_px_media: calc(var(--slogan_text_size) * (100vw / 1170));
    }

    #top-section h1 {
        font-size: calc(59 * (100vw / 1170));
        font-size: calc(var(--home_text_size) * (100vw / 1170));
    }

    #top-section h2 {
        font-size: calc(45 * (100vw / 1170));
        font-size: calc(var(--home_text_size_2) * (100vw / 1170));
    }

    #top-section p {
        font-size: calc(24 * (100vw / 1170));
        font-size: calc(var(--slogan_text_size) * (100vw / 1170));
    }
}

@media only screen and (min-width: 1200px) {
    :root {
        --home_text_size_px_media: var(--home_text_size_px);
        --home_text_size_2_px_media: var(--home_text_size_2_px);
        --slogan_text_size_px_media: var(--slogan_text_size_px);
    }

    #top-section h1 {
        font-size: 59px;
        font-size: var(--home_text_size_px);
    }

    #top-section h2 {
        font-size: 45px;
        font-size: var(--home_text_size_2_px);
    }

    #top-section p {
        font-size: 24px;
        font-size: var(--slogan_text_size_px);
    }
}

#top-section .homepage-layout-24 .social-style-2 {
    border: 1px solid var(--global_main_color) !important;
    background: none !important;
    color: var(--global_main_color) !important;
}

#top-section .homepage-layout-24 .social-style-3 {
    border-radius: 0px !important;
    background: var(--global_main_color) !important;
}

#top-section .homepage-layout-24 .social-style-4 {
    border: none !important;
    background: none !important;
    color: var(--global_main_color) !important;
    font-size: 2.5rem !important;
}

#top-section .homepage-layout-24 .social-size-big:not(.social-style-4) {
    width: 65px !important;
    height: 65px !important;
    font-size: 2rem !important;
}

#top-section .homepage-layout-24 .social-size-large:not(.social-style-4) {
    font-size: 2.3rem !important;
    width: 75px !important;
    height: 75px !important;
}

.home_page_design #mainNav:not(.affix) {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

.body {
    height: 100%;
}

#top-section .title {
    padding: 120px 50px 0 50px;
}

#mainNav {
    height: 90px;
}

:root {
    --mainNavHeight: 90px;
}

#mainNav.affix {
    height: 70px;
}

.inside_page #mainNav {
    position: absolute;
    margin: 0;
    border-bottom: 1px solid #000000;
}

.inside_page #s123ModulesContainer:before, .inside_page .s123-page-container:before, .s123-content-area:before {
    content: '';
    width: 100%;
    height: 90px;
    display: block;
    background-color: #f7f9f8;
}

.inside_page .s123-page-container:before {
    background-color: #f7f9f8;
}

.inside_page .s123-page-container.s123-page-404-error:before {
    background-color: #f7f9f8;
}

.inside_page #mainNav.affix {
    position: fixed;
    margin: 0;
}

#mainNav .container-fluid, #mainNav .site_container {
    display: flex !important;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    height: 100%;
}

#mainNav .navbar-header {
    order: 1;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-basis: auto;
    height: 100%;
    white-space: nowrap;
}

#mainNav #top-menu {
    order: 2;
    display: flex !important;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-basis: auto;
    flex-grow: 1;
}

#mainNav #top-menu .navPages, #top-menu .navActions {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.navbar-default {
    background-color: #000000;
}

.navbar-default, #mainNav .logo_name, #mainNav .s123-site-logo {
    transition: height 0.35s, background-color 0.35s, font-size 0.35s;
}

.navbar-default .navbar-brand {
    font-weight: 700;
    color: #ffffff;
    height: auto;
    margin: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.navbar-default .nav > li {
    margin: 0 1px;
}

.navbar-default .nav > li > a:not(.navbar-brand), .navbar-default .nav > li > a:not(.navbar-brand):focus {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: nowrap;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover {
    color: #0476d0;
}

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
    color: #0476d0;
    background-color: transparent;
}

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a :focus:hover {
    background-color: transparent;
}

#mainNav .s123-site-logo img {
    max-height: 89px;
    margin: 0;
}

#mainNav.affix .s123-site-logo img {
    max-height: 69px;
    margin: 0;
}

#mainNav .s123-site-logo > .website-name {
    display: none;
}

#mainNav .s123-site-logo > .website-name.website-name-active {
    display: inline-block;
    padding-left: 4px;
}

html[dir="rtl"] #mainNav .s123-site-logo > .website-name.website-name-active {
    padding-left: 0;
    padding-right: 4px;
}

.navbar-default:not(.affix) .s123-site-logo img, .navbar-default.affix .s123-site-logo img {
    width: auto;
    height: 80%;
    max-height: 100%;
}

.navbar-default .navbar-brand {
    float: none;
    padding: 0;
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    letter-spacing: 4px;
    word-spacing: 4px;
    line-height: normal;
}

.navbar-default .navbar-brand .website-name-preview-helper.weight400, .navbar-default .navbar-brand.weight400 {
    font-weight: normal;
}

.navbar-default .navbar-brand .website-name-preview-helper.weight700, .navbar-default .navbar-brand.weight700 {
    font-weight: bold;
}

.navbar-default .navbar-brand .website-name-preview-helper.italic, .navbar-default .navbar-brand.italic {
    font-style: italic;
}

.home_page_design .navbar-default {
    border-color: rgba(255, 255, 255, 0.1);
    border-style: solid;
    background-color: transparent;
}

.home_page_design .navbar-default .navbar-brand, .inside_page_header_design .navbar-default .navbar-brand {
    color: #ffffff;
    height: 90px;
    display: flex;
    align-items: center;
}

.home_page_design .navbar-default.affix .navbar-brand {
    height: 70px;
}

.home_page_design.s_layout1 .opacity-full.affix-top .navbar-brand:hover, .home_page_design.s_layout1 .opacity-full.affix-top .navbar-brand:focus {
    color: #ffffff;
}

.home_page_design .navbar-default .nav > li > a, .home_page_design .navbar-default .nav > li > a:focus, .inside_page_header_design .navbar-default .nav > li > a, .inside_page_header_design .navbar-default .nav > li > a:focus {
    color: #ffffff;
}

.home_page_design .navbar-default .nav > li > a:not(.navbar-brand):hover, .home_page_design .navbar-default .nav > li > a:not(.navbar-brand):focus:hover {
    color: #ffffff;
}

.home_page_design .navbar-default .action-button-wrapper .btn-primary-transparent {
    color: #ffffff;
}

.home_page_design .btn-primary-action-button-4 {
    color: #ffffff !important;
}

.home_page_design .navbar-default.affix .btn-primary-action-button-4 {
    color: #ffffff !important;
}

.navbar-default.affix .s123-site-logo img, .inside_page_header_design .navbar-default .s123-site-logo img {
    max-height: 70px;
}

.navbar-default.affix .navbar-brand {
    line-height: 70px;
    height: 70px;
}

.navbar-default.affix, .inside_page_header_design .navbar-default {
    border-color: #000000;
    background-color: #000000;
    border-bottom: 1px solid #000000;
}

.navbar-default.affix .navbar-brand, .inside_page_header_design .navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus, .inside_page_header_design .navbar-default .nav > li > a, .inside_page_header_design .navbar-default .nav > li > a:focus {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0;
}

.navbar-default.affix .navPages > li.active > a, .navbar-default.affix .navPages > li.active > a:focus, .navbar-default.affix .navPages > li > a:not(.navbar-brand):hover, .navbar-default.affix .navPages > li > a:not(.navbar-brand):focus:hover, .inside_page_header_design .navbar-default .navPages > li.active > a, .inside_page_header_design .navbar-default .navPages > li.active > a:focus, .inside_page_header_design .navbar-default .navPages > li > a:not(.navbar-brand):hover, .inside_page_header_design .navbar-default .navPages > li > a:not(.navbar-brand):focus:hover {
    color: #0476d0;
    background-color: transparent;
    opacity: 1;
}

.navbar-default.affix .action-button-wrapper .btn-primary-transparent {
    color: #ffffff;
}

.navbar-default.affix .navActions > li > a:hover {
    color: #ffffff;
}

.breadcrumb {
    margin-bottom: 0;
}

#top-menu .moduleMenu > a, #popupFloatDivMenu .navPagesPopup a {
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.site_container {
    display: flex !important;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#top-section {
    min-height: 100vh;
}

:root {
    --homepage_layout_height_opacity_space_top: 91px;
}

.checkbox-label {
    font-weight: normal;
    padding-left: 18px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    clear: both;
}

html[dir="rtl"] .checkbox-label {
    padding-left: 0;
    padding-right: 18px;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #cccccc;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
}

html[dir="rtl"] .checkbox-label .checkbox-custom {
    left: auto;
    right: 0;
}

.checkbox-label:hover .checkbox-custom {
    box-shadow: inset 0 0 0 1px #aaaaaa;
}

.checkbox-label input:checked ~ .checkbox-custom {
    background-color: transparent;
    border-radius: 2px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 9px;
    top: 9px;
    height: 0;
    width: 0;
    border-radius: 2px;
    border: solid #555555;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 1;
}

.checkbox-label input:checked ~ .checkbox-custom::after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #555555;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
}

.checkbox-label .input-title {
    padding-left: 10px;
    display: inline-block;
}

html[dir="rtl"] .checkbox-label .input-title {
    padding-left: 0;
    padding-right: 10px;
}

#popupFloatDivSearch .checkbox-label .checkbox-custom::after, #popupFloatDivSearch .checkbox-label input:checked ~ .checkbox-custom::after {
    border-color: #FFFFFF;
}

.radio-label {
    font-weight: normal;
}

.intl-tel-input .country-list {
    color: #555;
}

@-ms-viewport {
    width: auto !important
}

body {
    font-family: 'Almarai', Arial, sans-serif;
    webkit-tap-highlight-color: #222;
    color: #000000;
    background-color: #f7f9f8;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -webkit-text-stroke: 1px transparent;
}

.inside_page body {
    color: #000000;
}

html[dir="rtl"] body {
    direction: rtl;
}

@media (min-width: 768px) {
    html[dir="rtl"] .navbar-right {
        float: left !important;
    }
}

a {
    color: #0476d0;
    transition: opacity .35s;
}

.mainWebsiteColor {
    color: #0476d0;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.fake-input-focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

html.page-loaded .moduleMenu a {
    transition: color, background-color, border .35s;
}

.moduleMenu.separate {
    border: 0;
    color: rgb(173, 173, 173);
    text-align: center;
}

a:hover, a:focus {
    color: #0476d0;
    opacity: 0.9;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
}

p {
    margin-bottom: 20px;
    line-height: 1.5;
}

hr {
    max-width: 50px;
    border-color: #0476d0;
    border-width: 3px;
}

hr.light {
    border-color: #0476d0;
}

.bg-primary hr.light {
    border-color: #fff;
}

::selection, ::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.primary-color {
    color: #0476d0;
}

.background-primary-color {
    background-color: #0476d0;
}

.background-primary-color-before:before {
    background-color: #0476d0;
}

.loading-primary {
    color: #0476d0;
}

.btn-primary-text-color {
    color: #ffffff;
}

.bg-primary .s123-module-shadows.shadow-before {
    background: linear-gradient(to right, #f7f9f8 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.bg-primary .s123-module-shadows.shadow-after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f9f8 100%) !important;
}

.s123-module-shadows.shadow-before {
    background: linear-gradient(to right, #ebebeb 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.s123-module-shadows.shadow-after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ebebeb 100%) !important;
}

.inside_page .s123-module-shadows.shadow-before {
    background: linear-gradient(to right, #f7f9f8 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.inside_page .s123-module-shadows.shadow-after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f9f8 100%) !important;
}

.fancy-scrollbar::-webkit-scrollbar {
    height: 9px !important;
    width: 9px !important;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece {
    background: #4f5050;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:start {
    border-radius: 0px !important;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:end {
    border-radius: 0px !important;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:start {
    border-radius: 0px !important;
}

.fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:end {
    border-radius: 0px !important;
}

.fancy-scrollbar::-webkit-scrollbar-thumb:horizontal, .fancy-scrollbar::-webkit-scrollbar-thumb:vertical {
    background: #C4C9CC !important;
    border-radius: 0px !important;
    display: block !important;
    height: 50px !important;
}

.btn {
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
}

.btn:focus {
    outline: none;
}

.btn-link {
    border: 0 !important;
}

.btn-link::before {
    border: 0 !important;
}

.btn-primary {
    border: 1px solid #0476d0;
    color: #ffffff;
    background-color: #0476d0;
    transition: background-color .35s, opacity .35s;
}

.btn-primary-transparent {
    border: 1px solid;
    background-color: transparent;
}

.btn-primary:hover, .btn-primary:focus {
    border-color: #0476d0;
    color: #ffffff;
    background-color: #0476d0;
    opacity: 0.9;
}

.btn-primary-transparent:hover, .btn-primary-transparent:focus {
    opacity: 1;
}

.btn-primary .badge {
    color: #f7f9f8;
    background-color: #fff;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xl {
    padding: 15px 30px;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    border-color: #0476d0;
    background-color: #0476d0;
}

.editor_romi_bar {
    padding-top: 10px;
    padding-bottom: 10px;
}

.editor_romi_bar .position_center {
    text-align: center;
}

.editor_romi_bar .position_right {
    text-align: right;
}

.editor_romi_bar .position_left {
    text-align: left;
}

html[dir=rtl] .editor_romi_bar .position_right {
    text-align: left;
}

html[dir=rtl] .editor_romi_bar .position_left {
    text-align: right;
}

.editor_romi_bar img.con_small {
    width: auto;
    height: auto;
    max-width: 40%;
}

.editor_romi_bar img.con_big {
    width: auto;
    height: auto;
    max-width: 70%;
}

.editor_romi_bar img.con_large {
    width: auto;
    height: auto;
    max-width: 100%;
}

.editor_romi_bar iframe.con_small {
    width: 560px;
    height: 315px;
    max-width: 100%;
}

.editor_romi_bar iframe.con_big {
    width: 640px;
    height: 360px;
    max-width: 100%;
}

.editor_romi_bar iframe.con_large {
    width: 853px;
    height: 480px;
    max-width: 100%;
}

.padding-2 {
    padding: 2%;
    padding-top: 0;
}

.padding-bottom-2 {
    padding-bottom: 20px;
}

.padding-5px {
    padding: 5px;
}

.padding-10px {
    padding: 10px;
}

.row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.items-equal-height {
}

.full-image-width {
    position: relative;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.label-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    color: rgb(255, 255, 255);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 7px;
    font-size: 26px;
    line-height: 1;
    z-index: 1;
    text-decoration: none;
}

.label-date span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.share-buttons {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.share-buttons.square li a {
    color: #000000;
    opacity: 0.7;
    padding: 2px 8px;
    font-size: 1.3em;
}

.inside_page .share-buttons.square li a {
    color: #000000;
}

.share-buttons.square li a:hover {
    opacity: 1;
}

.s123-card {
    margin: 0 0 30px;
    position: relative;
    border: 1px solid;
    border-radius: 3px;
    display: flex;
}

.s123-card .module-title h3 {
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.s123-card .module-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100px;
    height: 100px;
    float: left;
}

.s123-card .module-details {
    overflow: hidden;
    padding: 5px;
    position: relative;
    float: left;
}

.s123-card .module-meta {
    list-style: none;
    padding: 0;
    margin-bottom: -5px;
}

.s123-card .module-meta li {
    font-size: 0.5rem;
}

.v1-card {
    margin: 0 0 30px;
    position: relative;
    border: 1px solid;
    border-radius: 3px;
    display: flex;
}

.v1-card.v1-top {
    flex-direction: column;
}

.v1-card .v1-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 150px;
}

.v1-card .v1-body {
    padding: 10px;
}

.v1-card .v1-body .v1-title {
    margin: 0;
    font-size: 1.5em;
    text-align: initial;
    margin-bottom: 10px;
}

.lm.box {
    padding: 0;
    position: relative;
}

.lm.box .product-details-container {
    padding: 10px;
}

.lm.box .buttons-container {
    padding: 10px;
}

.lm.box .product-sale-banner {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
    z-index: 1;
}

.lm.box .label-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    color: rgb(255, 255, 255);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 7px;
    font-size: 26px;
    line-height: 1;
    z-index: 1;
    text-decoration: none;
}

.lm.box .label-date span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.lm.box .product-sale-banner:hover {
    opacity: 1;
}

.lm.box .product-sale-banner {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
    z-index: 1;
}

.lm.box .product-sale-banner:hover {
    opacity: 1;
}

.lm.box .product-image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    display: block;
    height: 200px;
    padding: 0;
}

.lm.box.box_1 .buttons {
    text-align: center;
    margin: 20px 0 5px 0;
}

.lm.box .product-details-container {
    overflow: hidden;
}

.lm.box .product-details-container h4 {
    margin: 0.75em 0;
}

.lm.box .product-details-container p.short {
    margin-bottom: 0.75em;
    height: 106px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 63px;
    font-size: 15px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lm.box .list-price {
    opacity: 0.4;
    text-decoration: line-through;
}

.lm.box.box-no-border .product-details-container {
    padding: 0 10px;
}

.lm.box.box-no-border .product-details-container H4 {
    margin-top: 0;
}

.lm.box.box_2 {
    display: flex;
    flex-direction: row;
    height: 250px;
}

.lm.box.box_2 .product-image {
    width: 20%;
    height: 100%;
    padding: 0;
}

.lm.box.box_2.noImages .product-image {
    width: 100px;
}

.lm.box.box_2 .product-details-container {
    width: 80%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.lm.box.box_2.noImages .product-details-container {
    width: 100%;
}

.lm.box.box_2 .buttons {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    align-content: center;
    justify-content: flex-start;
}

.lm.box.box_3 {
    width: 90%;
    float: none;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    text-align: center;
}

@media (min-width: 992px) {
    .lm.box.box_3 {
        width: 50%;
    }
}

.lm.box.box_3 .blog-m-meta {
    margin: 10px !important;
    margin-bottom: 5px !important;
    display: inline-block;
    list-style: none;
}

.lm.box.box_3 .news-blog-module {
    margin: 0 0 30px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.lm.box.box_3 .blog-container {
    clear: both;
}

@media ( min-width: 768px ) {
    .lm.box.box_3 .blog-container {
        clear: none;
    }

    .lm.box.box_3 .blog-container:nth-child(odd) {
        clear: both;
    }
}

.lm.box.box_3 .news-blog-module-frame {
    border: 1px solid #e5e5e5;
    padding: 6px;
    margin-bottom: 15px;
}

.lm.box.box_3 .news-blog-module-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    width: 100%;
}

.lm.box.box_3 .news-blog-module-details {
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.lm.box.box_3 .news-blog-module-title h2 {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.lm.box.box_3 .news-blog-module-meta {
    list-style: none;
    padding: 0;
    margin-bottom: -5px;
}

.lm.box.box_3 .news-blog-module-meta li {
    float: left;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    margin: 0 10px 10px 0;
}

html[dir=rtl] .lm.box.box_3 .news-blog-module-meta li {
    float: right;
}

html[dir=rtl] .lm.box.box_3 .news-blog-module-meta li:before {
    margin-left: 10px;
    margin-right: 0;
}

.lm.box.box_3 .news-blog-module-meta li i {
    margin-right: 3px;
    margin-bottom: 15px;
    position: relative;
    top: 1px;
}

html[dir=rtl] .lm.box.box_3 .news-blog-module-meta li i {
    margin-left: 3px;
    margin-right: 0;
}

.lm.box.box_3 .news-blog-module-content a {
    float: right;
}

html[dir=rtl] .lm.box.box_3 .news-blog-module-content a {
    float: left;
}

html[dir=rtl] .lm.box.box_3 .fa-angle-right:before {
    content: "\f104";
}

.website-name, .logo_name {
    font-family: 'El Messiri', Arial, sans-serif;
}

#mainNav {
    font-family: 'Almarai', Arial, sans-serif;
}

.s123-modules-container {
    position: relative;
}

.s123-modules-container section {
    position: relative;
}

.s123-page-container section {
    position: relative;
}

.s123-page-container section {
    position: relative;
}

.s123-content-area {
    min-height: 80vh;
}

.s123-content-area section {
    min-height: 80vh;
}

.home_page .s123-module {
    padding: 100px 0;
}

@media (max-width: 767px) {
    .home_page .s123-module {
        padding: 50px 0;
    }
}

.inside_page .s123-module {
    padding: 0 0 20px 0;
}

.modulesTitle H2 {
    font-family: 'El Messiri', Arial, sans-serif;
    margin-top: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.home_page .modulesTitle {
    padding-bottom: 10px;
}

.s123-content-area .modulesTitle {
    padding-top: 20px;
    padding-bottom: 10px;
}

.s123-module {
    color: #000000;
    background-color: #ebebeb;
}

.home_page .s123-module {
    border-bottom: 0px solid transparent;
}

.bg-primary {
    color: #000000;
    background-color: #f7f9f8;
}

.inside_page .bg-primary {
    color: #000000;
    background-color: #f7f9f8;
}

.bg-primary .text-primary {
    color: #000000;
}

.inside_page .bg-primary .text-primary {
    color: #000000;
}

.bg-primary .text-inverse {
    color: #0476d0;
}

.text-primary {
    color: #0476d0;
}

.text-inverse {
    color: #000000;
}

.inside_page .text-inverse {
    color: #000000;
}

.border-primary {
    border-color: #0476d0;
}

.border-top-primary {
    border-top-color: #0476d0;
}

.border-right-primary {
    border-right-color: #0476d0;
}

.border-left-primary {
    border-left-color: #0476d0;
}

.border-bottom-primary {
    border-bottom-color: #0476d0;
}

.site123-box-border {
    box-shadow: none;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
}

.bg-primary .box-primary {
    background-color: #ebebeb !important;
}

.inside_page .bg-primary .box-primary {
    background-color: #ebebeb !important;
}

.bg-primary .box-primary p, .bg-primary .box-primary label, .bg-primary .box-primary h2, .bg-primary .box-primary h3, .bg-primary .box-primary h4, .bg-primary .box-primary h5, .bg-primary .box-primary h6, .bg-primary .box-primary li, .bg-primary .box-primary.box-text-primary, .bg-primary .box-primary.box-text-primary span, .bg-primary .box-primary.box-text-primary strong, .bg-primary .box-primary .box-text-primary, .bg-primary .box-primary .box-text-primary span, .bg-primary .box-primary .box-text-primary strong {
    color: #000000 !important;
}

.bg-primary .box-primary .price {
    color: #000000 !important;
}

.box-primary .box-primary a.moduleTextColor {
    color: #000000 !important;
}

.inside_page .bg-primary .box-primary p, .inside_page .bg-primary .box-primary label, .inside_page .bg-primary .box-primary h2, .inside_page .bg-primary .box-primary h3, .inside_page .bg-primary .box-primary h4, .inside_page .bg-primary .box-primary h5, .inside_page .bg-primary .box-primary h6, .inside_page .bg-primary .box-primary li, .inside_page .bg-primary .box-primary.box-text-primary, .inside_page .bg-primary .box-primary.box-text-primary span, .inside_page .bg-primary .box-primary.box-text-primary strong, .inside_page .bg-primary .box-primary .box-text-primary, .inside_page .bg-primary .box-primary .box-text-primary span, .inside_page .bg-primary .box-primary .box-text-primary strong {
    color: #000000 !important;
}

.inside_page .bg-primary .box-primary .price {
    color: #000000 !important;
}

.inside_page .box-primary .box-primary a.moduleTextColor {
    color: #000000 !important;
}

.box-primary {
    background-color: #ffffff !important;
}

.box-primary p, .box-primary label, .box-primary h2, .box-primary h3, .box-primary h4, .box-primary h5, .box-primary h6, .box-primary li, .box-primary.box-text-primary, .box-primary.box-text-primary span, .box-primary.box-text-primary strong, .box-primary .box-text-primary, .box-primary .box-text-primary span, .box-primary .box-text-primary strong {
    color: #000000 !important;
}

.box-primary .price {
    color: #000000 !important;
}

.box-primary a.moduleTextColor {
    color: #000000 !important;
}

.s123-box-padding {
    padding: 2em;
}

.s123-box-padding-thin {
    padding: 1em;
}

.s123-box-margin-bottom {
    margin-bottom: 2em;
}

.s123-box-clean {
    border: 0;
    border-radius: 0;
}

.s123-box-border {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
}

.s123-box-shadow {
    border-radius: .25rem;
    box-shadow: 0 .3125rem .875rem 0 rgba(129, 129, 129, .2) !important;
}

.s123-box-top-primary-border {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-top: 3px solid #0476d0;
}

.s123-box-top-primary-big {
    border: 0;
    border-radius: 0.3rem;
    border-top: 6px solid #0476d0;
}

.s123-card {
    margin: 0 0 30px;
    position: relative;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
}

.s123-card .image-container {
    width: 100%;
    height: 10em;
    overflow: hidden;
}

.s123-card .image-container .main-image {
    display: flex;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: transform 0.5s;
}

.s123-card:hover .image-container .main-image {
    transform: translate(0%, 0%) scale(1.1);
}

.s123-card .image-container .square-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    color: rgb(255, 255, 255);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 7px;
    font-size: 26px;
    line-height: 1;
    z-index: 1;
    text-decoration: none;
}

.s123-card .image-container .square-date span {
    color: rgb(255, 255, 255) !important;
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.s123-card .details {
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.s123-card .details .title {
    height: 2.5em;
}

.s123-card .details .title > a {
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.s123-card .details .title > a:hover {
    text-decoration: none;
}

.s123-box-right-primary-border {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-right: 3px solid #0476d0;
}

html[dir="rtl"] .s123-box-right-primary-border {
    border-right: 1px solid #e0e0e0;
    border-left: 3px solid #0476d0;
}

.s123-box-right-primary-border-hover {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-right: 8px solid #e0e0e0;
    transition: border-color 0.5s ease;
}

.s123-box-right-primary-border-hover:hover {
    border-right: 8px solid #0476d0;
}

html[dir="rtl"] .s123-box-right-primary-border-hover {
    border-right: 1px solid #e0e0e0;
    border-left: 8px solid #e0e0e0;
}

html[dir="rtl"] .s123-box-right-primary-border-hover:hover {
    border-right: 1px solid #e0e0e0;
    border-left: 8px solid #0476d0;
}

.s123-box-left-primary-border {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-left: 3px solid #0476d0;
}

html[dir="rtl"] .s123-box-left-primary-border {
    border-left: 1px solid #e0e0e0;
    border-right: 3px solid #0476d0;
}

.s123-box-bottom-primary-border {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-bottom: 3px solid #0476d0;
}

.s123-box-bottom-primary-border-hover {
    border: 1px solid #e0e0e0;
    border-radius: 0.3rem;
    border-bottom: 8px solid #e0e0e0;
    transition: border-color 0.5s ease;
}

.s123-box-bottom-primary-border-hover:hover {
    border-bottom: 8px solid #0476d0;
}

.s123-box-flying-up {
    transition: transform .6s ease-out;
    transform: translateY(0);
}

.s123-box-flying-up:hover {
    transition: transform .6s ease-out;
    transform: translateY(-4px);
}

.s123-btn-tag {
    border: none;
    color: rgba(0, 0, 0, .68);
    background: rgba(0, 0, 0, .05);
    font-size: 0.8em;
    letter-spacing: 0;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 2.5;
}

.s123-btn-tag:hover {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .68);
    text-decoration: none;
}

.pagination > li > a, .pagination > li > span {
    color: #0476d0;
    background-color: #ebebeb;
    border: 1px solid #0476d0;
}

.inside_page .pagination > li > a, .pagination > li > span {
    background-color: #ebebeb;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #0476d0;
    border-color: #0476d0;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #0476d0;
    border-color: #0476d0;
}

.modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header .close {
    font-size: 32px;
}

button.close {
    font-size: 32px;
}

.s123-video-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}

.s123-video-cover .s123-video-play-icon {
    padding: 10px;
    background-color: #000;
    padding: 10px 26px;
    background-color: rgba(0, 0, 0, 0.57);
    color: white;
    border-radius: 15px;
    font-size: 22px;
}

.s123-video-cover:hover .s123-video-play-icon {
    background-color: #0476d0;
}

.s123-categories ul {
    list-style: none;
    padding: 0;
    margin: 0 0 2.142em 0;
    text-align: center;
}

.s123-categories li {
    display: inline-flex;
    margin: 0.0714em 0.0714em;
}

.s123-categories li:first-child:before {
    display: none;
}

.s123-categories li a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.357em 0.714em;
    border: 1px solid #0476d0;
    text-decoration: none;
}

.s123-categories li a:hover, .s123-categories li.active a {
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #0476d0;
    color: #ffffff;
    background-color: #0476d0;
}

.s123-categories .m-r-s {
    display: none;;
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
}

.s123-categories .m-r-s:first-child {
    box-shadow: inset 8px 0px 5px -5px #ebebeb;
    left: 15px;
}

.s123-categories .m-r-s:last-child {
    box-shadow: inset -8px 0px 5px -5px #ebebeb;
    right: 15px;
}

.bg-primary .s123-categories .m-r-s:first-child {
    box-shadow: inset 8px 0px 5px -5px #f7f9f8;
    left: 15px;
}

.bg-primary .s123-categories .m-r-s:last-child {
    box-shadow: inset -8px 0px 5px -5px #f7f9f8;
    right: 15px;
}

.inside_page .s123-categories .m-r-s:first-child {
    box-shadow: inset 8px 0px 5px -5px #f7f9f8;
    left: 15px;
}

.inside_page .s123-categories .m-r-s:last-child {
    box-shadow: inset -8px 0px 5px -5px #f7f9f8;
    right: 15px;
}

@media (pointer: coarse) {
    .s123-categories .m-r-s {
        display: block;
    }

    .s123-categories ul {
        overflow-x: auto;
        white-space: nowrap;
    }
}

.inside_page footer {
    border-top: 1px solid #000000;
}

footer.footer_1 {
    color: #ffffff;
    padding: 40px 0;
    background-color: #333333;
    padding-bottom: 100px;
    font-size: 0.8rem;
}

footer.footer_1 .side1 {
}

footer.footer_1 .side2 {
    text-align: right;
}

html[dir=rtl] footer.footer_1 .side2 {
    text-align: left;
}

footer.footer_1 .footer_name {
    font-size: 1.2rem;
}

footer.footer_1 .navbar-nav > li {
    display: inline-block;
}

footer.footer_1 .navbar-nav > li > a {
    padding: 0;
    margin: 0px 8px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 0.8rem;
}

footer.footer_1 .nav > li > a:focus, footer.footer_1 .part1 .nav > li > a:hover {
    color: #0476d0;
    background-color: transparent;
}

footer.footer_1 .navbar-nav {
    float: none;
    display: inline-block;
    text-align: right;
    margin-bottom: 15px;
}

html[dir=rtl] footer.footer_1 .navbar-nav {
    text-align: left;
}

footer.footer_1 #widget_subscribe_form {
    width: 350px;
    max-width: 90%;
    margin: 0 0 0 auto;
}

html[dir=rtl] footer.footer_1 #widget_subscribe_form {
    margin: 0 auto 0 0;
}

@media (max-width: 767px) {
    footer.footer_1 .part1 {
        width: 100%;
        display: table;
    }

    footer.footer_1 .side1 {
        text-align: center;
        padding: 40px 0 0 0;
    }

    html[dir=rtl] footer.footer_1 .side2, footer.footer_1 .side2 {
        text-align: center;
        padding: 20px 0 40px 0;
    }

    footer.footer_1 .part1 .nav {
        display: none;
    }

    footer.footer_1 .part1 .mailing .input-group {
        float: none;
        margin: 0 auto;
    }

    footer.footer_1 .part1 .mailing {
        margin: 10px auto;
    }

    html[dir=rtl] footer.footer_1 #widget_subscribe_form, footer.footer_1 #widget_subscribe_form {
        width: 350px;
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

footer.footer_2 .part1 {
    color: #ffffff;
    padding: 30px 0;
    background-color: #333333;
    text-align: center;
    padding-bottom: 100px;
    font-size: 0.8rem;
}

footer.footer_2 .part1 .navbar-nav {
    float: none;
    display: inline-block;
    margin-bottom: 15px;
}

footer.footer_2 .part1 .navbar-nav > li {
    display: inline-block;
}

footer.footer_2 .footer_name {
    font-size: 1.2rem;
}

footer.footer_2 .part1 .navbar-nav > li > a {
    padding: 0;
    margin: 0px 8px;
    color: #ffffff;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 0.8rem;
}

footer.footer_2 .part1 .nav > li > a:focus, footer.footer_2 .part1 .nav > li > a:hover {
    color: #0476d0;
    background-color: transparent;
}

footer.footer_2 .part2 {
    color: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
}

footer.footer_2 .part2 a {
    color: rgba(255, 255, 255, 0.7);
}

footer.footer_2 #widget_subscribe_form {
    width: 350px;
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 767px) {
    footer.footer_2 .part1 .nav {
        display: none;
    }
}

footer.footer_3 {
    color: #ffffff;
    padding: 40px 0;
    background-color: #333333;
    padding-bottom: 66px;
}

footer.footer_3 .side1 {
}

footer.footer_3 .side2 {
    text-align: right;
}

html[dir=rtl] footer.footer_3 .side2 {
    text-align: left;
}

footer.footer_3 .footer_name {
    font-size: 25px;
}

footer.footer_3 .part1 .navbar-nav > li {
    display: inline-block;
}

footer.footer_3 .navbar-nav > li > a {
    padding: 0;
    margin: 0px 8px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 16px;
}

footer.footer_3 .nav > li > a:focus, footer.footer_3 .part1 .nav > li > a:hover {
    color: #0476d0;
    background-color: transparent;
}

footer.footer_3 .navbar-nav {
    float: none;
    display: inline-block;
    padding: 20px 0;
}

html[dir=rtl] footer.footer_3 .part1 .navbar-nav {
    float: left;
}

footer.footer_3 #widget_subscribe_form {
    width: 350px;
    max-width: 90%;
    margin: 0 0 0 auto;
}

html[dir=rtl] footer.footer_3 #widget_subscribe_form {
    margin: 0 auto 0 0;
}

@media (max-width: 767px) {
    footer.footer_3 .part1 {
        width: 100%;
        display: table;
    }

    footer.footer_3 .side1 {
        text-align: center;
        padding: 40px 0 0 0;
    }

    footer.footer_3 .side2 {
        text-align: center;
        padding: 20px 0 40px 0;
    }

    footer.footer_3 .part1 .nav {
        display: none;
    }

    footer.footer_3 .part1 .mailing .input-group {
        float: none;
        margin: 0 auto;
    }

    footer.footer_3 .part1 .mailing {
        margin: 10px auto;
    }

    footer.footer_3 #widget_subscribe_form {
        width: 350px;
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

footer.footer_4 {
    color: #ffffff;
    padding: 40px 0;
    background-color: #333333;
    padding-bottom: 66px;
}

footer.footer_4 .side1 {
}

footer.footer_4 .side2 {
    text-align: right;
}

html[dir=rtl] footer.footer_4 .side2 {
    text-align: left;
}

footer.footer_4 .part1 .footer_name {
    font-size: 30px;
}

footer.footer_4 .part1 .navbar-nav > li {
    display: inline-block;
}

footer.footer_4 .part1 .navbar-nav > li > a {
    padding: 0;
    margin: 0px 8px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
}

footer.footer_4 .part1 .nav > li > a:focus, footer.footer_4 .part1 .nav > li > a:hover {
    color: #0476d0;
    background-color: transparent;
}

footer.footer_4 .part1 .navbar-nav {
    float: right;
}

html[dir=rtl] footer.footer_4 .part1 .navbar-nav {
    float: left;
}

footer.footer_4 .side1 .clearfix {
    display: inline-block;
}

footer.footer_4 #widget_subscribe_form {
    width: 350px;
    max-width: 90%;
    margin: 0 0 0 auto;
}

html[dir=rtl] footer.footer_4 #widget_subscribe_form {
    margin: 0 auto 0 0;
}

@media (max-width: 767px) {
    footer.footer_4 .part1 {
        width: 100%;
        display: table;
    }

    footer.footer_4 .side1 {
        text-align: center;
        padding: 40px 0 0 0;
    }

    footer.footer_4 .side2 {
        text-align: center;
        padding: 20px 0 40px 0;
    }

    footer.footer_4 .part1 .nav {
        display: none;
    }

    footer.footer_4 .part1 .mailing .input-group {
        float: none;
        margin: 0 auto;
    }

    footer.footer_4 .part1 .mailing {
        margin: 10px auto;
    }

    footer.footer_4 #widget_subscribe_form {
        width: 350px;
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

footer .nav > li > a {
    color: #ffffff;
}

footer .nav > li > a:hover {
    color: #0476d0;
}

footer .nav > li > a:focus, footer .nav > li > a:hover, footer .nav > li.open > a, footer .nav > li.open > a:focus, footer .nav > li.open > a:hover.footer .nav > li.active > a, footer .nav > li.active > a:focus, footer .nav > li.active > a:hover {
    background-color: transparent !important;
}

footer .nav .site-dropdown-menu {
    background-color: #333333;
}

footer .nav .site-dropdown-menu li a {
    color: #ffffff;
    background-color: transparent;
}

footer .nav .site-dropdown-menu > li > a:focus, footer .nav .site-dropdown-menu > li > a:hover, footer .nav .site-dropdown-menu > li.active > a, footer .nav .site-dropdown-menu > li.active > a:focus, footer .nav .site-dropdown-menu > li.active > a:hover {
    color: #0476d0;
    background-color: transparent;
}

#contactUsFormHome .help-block {
    font-size: 12px;
}

#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .3);
    font-size: 20px;
    line-height: 36px;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
}

html.isFreePackage #gotoTop {
    bottom: 60px;
}

html[dir="rtl"] #gotoTop {
    right: auto;
    left: 30px;
}

.inside_page .breadcrumb {
    border-radius: 0;
    color: #000000;
    background-color: transparent;
    margin-bottom: 0;
    font-size: 0.8em;
    display: flex;
    flex-wrap: wrap;
}

.inside_page .breadcrumb > .active {
    color: #777;
}

.inside_page .page_header_style_2 {
    color: #000000;
    background-color: #ebebeb;
    margin-bottom: 12px;
}

.inside_page .page_header_style_5 {
    color: #000000;
    background-color: #ebebeb;
    margin-bottom: 12px;
}

.home_page .page_header_style_5 .modulesTitle .text-center, .inside_page .page_header_style_5 .modulesTitle .text-center {
    text-align: inherit;
}

.home_page .page_header_style_5 .modulesTitle H2, .inside_page .page_header_style_5 .modulesTitle H1 {
    border-bottom: 3px solid #0476d0;
    padding: 0 0px 10px 0px;
    display: inline-block;
}

.home_page .page_header_style_5 .modulesTitle HR, .inside_page .page_header_style_5 .modulesTitle HR {
    display: none;
}

.inside_page .page_header_style_6 {
    color: #000000;
    background-color: #ebebeb;
    margin-bottom: 12px;
}

.home_page .page_header_style_6 .modulesTitle .text-center, .inside_page .page_header_style_6 .modulesTitle .text-center {
    text-align: inherit;
}

.home_page .page_header_style_6 .modulesTitle H1, .inside_page .page_header_style_6 .modulesTitle H1 {
    padding: 0 0px 10px 0px;
    display: inline-block;
}

.home_page .page_header_style_6 .modulesTitle HR, .inside_page .page_header_style_6 .modulesTitle HR {
    display: none;
}

.home_page .page_header_style_7 .modulesTitle H2, .inside_page .page_header_style_7 .modulesTitle H1 {
    padding: 0 20px 10px 20px;
    display: inline-block;
}

.home_page .page_header_style_7 .modulesTitle HR, .inside_page .page_header_style_7 .modulesTitle HR {
    display: none;
}

.home_page .page_header_style_8 .modulesTitle H2, .inside_page .page_header_style_8 .modulesTitle H1 {
    border-bottom: 3px solid #0476d0;
    padding: 0 20px 10px 20px;
    display: inline-block;
}

.home_page .page_header_style_8 .modulesTitle HR, .inside_page .page_header_style_8 .modulesTitle HR {
    display: none;
}

.home_page .page_header_style_9 .modulesTitle H2, .inside_page .page_header_style_9 .modulesTitle H1 {
    padding: 0 20px 10px 20px;
    display: inline-block;
    font-weight: bold;
}

@media (min-width: 48em) {
    .home_page .page_header_style_9 .modulesTitle H2 span, .inside_page .page_header_style_9 .modulesTitle H1 span {
        font-size: 200%;
    }
}

.home_page .page_header_style_9 .modulesTitle H2 span:before, .inside_page .page_header_style_9 .modulesTitle H1 span:before, .home_page .page_header_style_9 .modulesTitle H2 span:after, .inside_page .page_header_style_9 .modulesTitle H1 span:after {
    margin: auto 20px;
    content: "-";
}

.home_page .page_header_style_9 .modulesTitle HR, .inside_page .page_header_style_9 .modulesTitle HR {
    display: none;
}

.home_page .page_header_style_10 .modulesTitle H2, .inside_page .page_header_style_10 .modulesTitle H1 {
    padding: 0 20px 10px 20px;
    display: inline-block;
    font-weight: bold;
}

@media (min-width: 48em) {
    .home_page .page_header_style_10 .modulesTitle H2 span, .inside_page .page_header_style_10 .modulesTitle H1 span {
        font-size: 200%;
    }
}

.home_page .page_header_style_10 .modulesTitle HR, .inside_page .page_header_style_10 .modulesTitle HR {
    display: none;
}

.home_page .page_header_style_12 .modulesTitle H2, .inside_page .page_header_style_12 .modulesTitle H1 {
    font-weight: bold;
}

.inside_page .page_header_style_11 {
    color: #fff;
    background-color: #0476d0;
    margin-bottom: 12px;
}

.inside_page .page_header_style_11.modulesTitle HR {
    border-color: #fff;
}

.home_page .page_header_style_13 .modulesTitle H2, .inside_page .page_header_style_13 .modulesTitle H1 {
    font-weight: bold;
    margin-bottom: 12px;
}

.home-text-color {
    color: #ffffff;
}

.home-secondary-background-color {
    background-color: #ffffff;
}

.home_third_background_color {
    background-color: #000000;
}

@media (max-height: 500px) {
}

.site-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html[dir=rtl] .site-dropdown-menu {
    right: 0;
    left: auto;
    float: right;
    text-align: right;
}

.dropdown-submenu.open > .site-dropdown-menu {
    opacity: 0;
    display: block;
    margin: 0;
}

@media (min-width: 768px) {
    #mainNav #top-menu .navPages, #mainNav #top-menu .navActions, #mainNav #top-menu .headerSocial, #header .header-row, .global_footer .nav {
        opacity: 0;
    }

    .site-dropdown-menu, .website-languages-menu .site-dropdown-menu {
        background-color: #000000;
    }

    .navbar-default .navbar-nav > .open > a, #website-languages-menu .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: transparent;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu > .site-dropdown-menu {
        border-radius: 0;
        padding: 0;
    }

    html[dir=rtl] .dropdown-submenu > .site-dropdown-menu {
        border-radius: 0;
    }

    .dropdown-submenu > .site-dropdown-menu li {
        margin: 0;
    }

    .dropdown-submenu .site-dropdown-menu a {
        display: block;
        margin: 0;
        text-align: left;
        border: 0;
    }

    html[dir=rtl] .dropdown-submenu .site-dropdown-menu a {
        text-align: right;
    }
}

.site-dropdown-menu > li > a {
    font-size: 16px;
    font-weight: 400;
    background-color: #000000;
    border: 1px solid transparent;
    line-height: 1.5;
    color: #ffffff;
    margin-top: 0;
    padding: 8px 15px !important;
    white-space: nowrap;
}

.site-dropdown-menu > li > a:focus, .site-dropdown-menu > li > a:hover, .site-dropdown-menu > li.active > a, .site-dropdown-menu > li.active > a:focus, .site-dropdown-menu > li.active > a:hover {
    background-color: #000000;
    color: #0476d0;
    line-height: 1.5;
    text-decoration: none;
    opacity: 1;
}

html .site-dropdown-menu.dropdown-side-open-right {
    top: 0;
    left: 100%;
    right: auto;
}

html .site-dropdown-menu.dropdown-side-open-left {
    top: 0;
    right: 100%;
    left: auto;
}

html .site-dropdown-menu.dropdown-side-open-up {
    top: auto;
    bottom: 100%;
}

#mainNavMobile {
    display: none;
}

@media (max-width: 767px) {
    #top-section {
        padding-top: 0 !important;
    }

    .home_page_design body {
        padding-top: 60px !important;
    }

    .home_page_design #top-section {
        padding-bottom: 0px !important;
        margin-top: 0 !important;
    }

    .home_page_design .body {
        padding-top: 0 !important;
    }

    #top-section {
        min-height: calc(100vh - 60px) !important;
    }

    #mainNavMobile {
        position: fixed !important;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        background-color: #000000;
        border-width: 0;
        min-height: 60px;
        border-bottom: 1px solid #000000;
        opacity: 0;
    }

    :root {
        --mainNavMobileHeight: 60px;
    }

    _:-ms-fullscreen, :root #mainNavMobile {
        height: 60px;
    }

    #mainNavMobile .navPagesLeft {
        order: 1;
        flex-grow: 1;
        padding: 0 5px;
        width: 60px;
        display: flex;
        justify-content: center;
    }

    #mainNavMobile .navPagesLeft a {
        color: #ffffff;
        border-color: #ffffff;
        cursor: pointer;
        background-color: transparent;
        font-size: 20px;
    }

    #mainNavMobile .navPagesLeft a:hover, #mainNavMobile .navPagesLeft a:focus {
        cursor: pointer;
        background-color: transparent;
    }

    #mainNavMobile .navbar-header {
        order: 2;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #mainNavMobile .navbar-header a {
        font-weight: bold;
        color: #ffffff;
        font-size: 14px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }

    #mainNavMobile .navbar-header a img {
        max-height: 35px !important;
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
    }

    #mainNavMobile .s123-site-logo > .website-name {
        display: none;
    }

    #mainNavMobile .website-name {
        letter-spacing: 4px;
        word-spacing: 4px;
    }

    #mainNavMobile .navbar-header .weight700 {
        font-weight: bold;
    }

    #mainNavMobile .navbar-header .weight400 {
        font-weight: normal;
    }

    #mainNavMobile .navbar-header .italic {
        font-style: italic;
    }

    #mainNavMobile .s123-site-logo > .website-name.website-name-active {
        display: inline-block;
        padding-left: 4px;
    }

    html[dir="rtl"] #mainNavMobile .s123-site-logo > .website-name.website-name-active {
        padding-left: 0;
        padding-right: 4px;
    }

    #mainNavMobile .navPagesRight {
        order: 3;
        flex-grow: 1;
        padding: 0 5px;
        width: 80px;
        display: flex;
        justify-content: center;
    }

    #mainNavMobile .navPagesRight .navActions {
        margin: 0;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-end;
        padding: 0 5px;
    }

    #mainNavMobile .navPagesRight .navActions li {
        display: inline-block;
    }

    #mainNavMobile .header-client-zone-wrapper {
        display: none !important;
    }

    #mainNavMobile .header-cart-wrapper.show-static {
        display: none !important;
    }

    #mainNavMobile .navPagesRight .navActions a, #mainNavMobile .navPagesRight .navActions button {
        font-size: 15px !important;
        padding: 0 !important;
        color: #ffffff !important;
    }

    #mainNavMobile .navPagesRight .navActions a {
        padding: 0 7px !important;
    }

    .s123-content-area {
        margin-top: 60px;
    }

    #websiteHeader {
        display: none !important;
    }

    body, .body {
        margin: 0 !important;
        border: 0;
    }

    .inside_page #s123ModulesContainer:before, .inside_page .s123-page-container:before, .s123-content-area:before {
        content: none;
    }

    #mainNavMobile .navbar-header {
        position: absolute;
        z-index: 1;
    }

    #mainNavMobile .navbar-header > a {
        max-width: calc(100% - 100px);
    }

    #mainNavMobile .s123-site-logo > .website-name.website-name-active, #mainNavMobile .website-name {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #mainNavMobile .navPagesLeft > .header-menu-wrapper {
        margin-right: auto;
        position: relative;
        z-index: 2;
    }

    html[dir="rtl"] #mainNavMobile .navPagesLeft > .header-menu-wrapper {
        margin-right: 0;
        margin-left: auto;
    }

    #mainNavMobile .navPagesRight > ul.navActions {
        margin-left: auto;
        position: relative;
        z-index: 2;
    }

    html[dir="rtl"] #mainNavMobile .navPagesRight > ul.navActions {
        margin-left: 0;
        margin-right: auto;
    }

    #mainNavMobile .navPagesRight .navActions a, #mainNavMobile .navPagesLeft > .header-menu-wrapper a {
        padding: 7px !important;
    }
}

.affix {
    transform: translateZ(0px);
}

#showSmallAdOnScroll {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 0;
    position: fixed;
    transform: translateZ(0px);
    padding: 0;
    z-index: 99;
    left: 0;
    bottom: -60px;
    height: 60px;
    width: 100%;
    margin: 0;
    -webkit-box-shadow: 0px -2px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px -2px 12px rgba(0, 0, 0, .175);
    background-color: #000;
    text-align: center;
    padding: 15px 0 16px 0;
    font-family: Arial, sans-serif;
    transition: bottom 0.4s linear;
}

#showSmallAdOnScroll a {
    color: white;
    font-size: 15px;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    display: block;
}

#showSmallAdOnScroll .s123-b-b-s-1 {
    vertical-align: middle;
}

html[dir="rtl"] #showSmallAdOnScroll .s123-b-b-s-1 {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 1px;
}

#showSmallAdOnScroll a span.site123link {
    color: yellow;
}

#showSmallAdOnScroll a span.site123link:hover {
    color: #f39405 !important;
}

@media (max-width: 767px) {
    #showSmallAdOnScroll a {
        font-size: 13px;
    }
}

#showSmallAdOnScroll.static {
    display: block;
}

#showSmallAdOnScroll.style2 {
    background-color: #fff;
    box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.4);
    border-top: 5px solid #0597F2;
}

#showSmallAdOnScroll.style2 a {
    color: black;
}

#showSmallAdOnScroll.style2 a span.site123link {
    border: 1px solid;
    color: #0597F2;
    padding: 7px;
    border-radius: 3px;
    font-size: 13px;
}

#showSmallAdOnScroll.style2 a span.site123link:hover {
    color: #f39405 !important;
}

.externalAlert {
    font-family: arial;
    color: black;
}

.contactUsConfirm {
    font-family: arial;
    color: black;
}

.bootbox.contactUsConfirm .intl-tel-input.allow-dropdown .selected-flag {
    margin-top: 0;
}

.bootbox-search-input-validation {
    font-family: arial;
    color: black;
    z-index: 99999;
}

.bootbox-jobs-form, .bootbox-branch-form {
    font-family: arial;
    color: black;
    z-index: 99999;
}

.bootbox-reservation-form {
    font-family: arial;
    color: black;
    z-index: 99999;
}

#popupJobs .jobsForm {
    width: 70%;
    color: white;
    text-align: left;
}

#popupRestaurantReservations .restaurantReservationsFormPopup, #popupRestaurantReservations .orderConfirmation {
    width: 70%;
    color: white;
    text-align: left;
}

html[dir=rtl] #popupJobs .jobsForm {
    text-align: right;
}

.modulesTitle H4 {
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.5;
}

.global-contact-email-container {
    width: 70%;
    color: #fff;
    text-align: left;
}

html[dir=rtl] .global-contact-email-container {
    text-align: right;
}

.global-contact-email-container .g-c-email-info-box a {
    color: #fff;
}

.g-c-email-message-sent-box {
    display: none;
    text-align: center;
}

.global-contact-email-container .g-c-email-message-content {
    margin-bottom: 30px;
}

ul.share-buttons {
    list-style: none;
    padding: 0;
}

ul.share-buttons li {
    display: inline;
}

.website-languages li > a {
    line-height: 30px !important;
}

#cboxOverlay {
    background: none;
    background-color: #000;
}

.navActions a {
    border-bottom: 0 !important;
}

.navActions a {
    padding: 0 7px !important;
}

ul.navActions a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.navActions li a:hover {
    background-color: transparent !important;
}

.action-button-wrapper a:hover {
    border-color: transparent !important;
    border-bottom: 0 !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

.btn-primary-action-button-1 {
    font-size: 16px;
    border-color: #0476d0;
    background-color: #0476d0;
    font-weight: bold;
    color: #ffffff;
}

.btn-primary-action-button-1:hover {
    opacity: 1;
}

.btn-primary-action-button-2 {
    font-size: 16px;
    border-color: #ffffff;
    background-color: #ffffff;
    font-weight: bold;
    color: #0476d0;
}

.btn-primary-action-button-2:hover {
    opacity: 1;
}

.btn-primary-action-button-3 {
    font-size: 16px;
    border-color: #0476d0;
    background-color: #0476d0;
    font-weight: bold;
    color: #ffffff;
}

.btn-primary-action-button-3:hover {
    opacity: 1;
}

.btn-primary-action-button-4 {
    font-size: 16px;
    border-bottom: 0;
    border: 1px solid;
    background-color: transparent;
    color: #ffffff;
    position: relative;
}

.btn-primary-action-button-4:hover {
    border: 1px solid;
    background-color: transparent;
    color: #ffffff;
}

.btn-primary-action-button-4::before {
    border: 0 !important;
}

.btn-primary-action-button-5 {
    font-size: 16px;
    border-bottom: 0;
    border: 1px solid transparent !important;
    color: #444950 !important;
    background-color: #ebedf0 !important;
    position: relative;
}

.btn-primary-action-button-5:hover {
    color: #444950;
    background-color: #e2e5e9;
}

.site123adExample {
    position: relative;
}

.inside_page .site123adExample img {
    margin: 25px 0;
}

.site123adExample .adExample {
    position: absolute;
    background-color: red;
    font-size: 14px;
    color: white;
    padding: 4px;
    top: 0;
    right: 0;
}

.inside_page .site123adExample .adExample {
    top: 25px;
}

.site123AdsWarningHeader {
    font-size: 20px;
    font-weight: bold;
}

.site123AdsWarning {
    font-size: 16px;
    font-weight: normal;
}

.inside_page .AdsenseAd {
    text-align: center;
    margin: 20px;
}

.previewManageButton {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 50px;
    right: 15px;
    z-index: 1031;
    width: auto !important;
    height: auto !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear;
}

#top-section:hover .previewManageButton, .s123-module:hover .previewManageButton {
    visibility: visible;
    opacity: 1;
}

html[dir=rtl] .previewManageButton {
    right: auto;
    left: 15px;
}

#top-section .previewManageButton {
    top: 100px;
}

@media (max-width: 767px) {
    #top-section .previewManageButton {
        top: 50px;
    }
}

.previewManageButton > a {
    width: 40px;
    height: 40px;
    margin: 0 0 5px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: white;
    background-color: rgb(34, 34, 34);
    border: 1px solid #444;
    box-shadow: 0 0 3px #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.previewManageButton > a:hover {
    background-color: #364044;
}

.previewManageButton .p-m-b-flash {
    animation: p-m-b-flash 1.0s 1 ease 0.0s;
}

@keyframes p-m-b-flash {
    0% {
        background-color: #222222;
    }
    50% {
        background-color: #f0ad4e;
    }
    100% {
        background-color: #222222;
    }
}

.p-m-b-floating-menu {
    padding: 2px;
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#mainNav .p-m-b-floating-menu {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

#header .header-container .p-m-b-floating-menu-btn {
    margin-bottom: 10px;
}

#header .header-container .p-m-b-floating-menu {
    left: 100%;
    bottom: 50%;
    transform: translate(-25%, 50%);
}

html[dir="rtl"] #header .header-container .p-m-b-floating-menu {
    left: auto;
    right: 100%;
    transform: translate(25%, 50%);
}

#header .header-container .p-m-b-floating-menu {
    flex-direction: column;
}

#websiteHeader:hover .p-m-b-floating-menu {
    visibility: visible;
    opacity: 1;
}

.global_footer .p-m-b-floating-menu {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.global_footer:hover .p-m-b-floating-menu {
    visibility: visible;
    opacity: 1;
}

.p-m-b-floating-menu-btn {
    width: 100%;
    padding: 4px 12px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    white-space: nowrap;
    font-weight: normal;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff !important;
    background-color: rgb(34, 34, 34);
    border: 1px solid #444;
    box-shadow: 0 0 3px #fff;
    border-radius: 5px;
}

html[dir="rtl"] .p-m-b-floating-menu-btn {
    margin-left: 0;
    margin-right: 10px;
}

.p-m-b-floating-menu-btn:hover {
    background-color: #364044;
    opacity: 1;
}

.global_footer .social-icons .list-inline > li > a {
    border: 1px solid #0476d0;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    background-color: #0476d0;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    text-decoration: none;
}

.global_footer .social-icons .list-inline > li > a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.global_footer .social-icons .list-inline > li > a > i {
    font-size: inherit;
}

.p-m-b-highlight:hover {
    outline: 2px solid #0597F2;
    outline-offset: 5px;
}

#mainNav .navbar-header .p-m-b-highlight:hover {
    outline: none;
    border: 2px solid #0597F2;
    margin: -2px;
}

#top-section .home-image-bg {
    background-image: url('https://cdn-cms.f-static.net/ready_uploads/media/11410/2000_5cda9c8fdae22.jpg');
    display: table-cell;
    vertical-align: middle;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#top-section .home-image-bg.patterns {
    background-size: initial !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
}

html.parallax-active #top-section.parallax-on, html.parallax-active .home_background_wrapper.parallax-on, html.parallax-active .s123-module-promo.parallax-on, html.parallax-active .s123-module-promo .parallax-on, html.parallax-active .s123-promo-module-v2.parallax-on, html.parallax-active .s123-promo-module-v2 .parallax-on, html.parallax-active .parallax-window {
    background: none !important;
}

.orderPopupWin {
    z-index: 99999;
}

.orderPopupWin .modal-footer {
    display: none;
}

.website-languages-menu-link {
    cursor: pointer;
}

.s123-responsive-table {
    overflow-x: auto;
}

video.fr-draggable {
    opacity: 0;
}

.breakable {
    word-wrap: break-word;
}

.localToolStyleNumber {
    position: absolute;
    top: 0;
    right: 0px;
    background: #fff;
    padding: 1px;
    font-size: 7px;
    color: black;
}

.logo_name > div {
    display: inline-flex;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    vertical-align: middle;
    margin-right: 4px;
}

html[dir="rtl"] .logo_name > div {
    margin-left: 7px;
    margin-right: 0;
}

.logo_name > div > i {
    text-align: center;
}

.logo_name.logoStyle_1 > div, .logo_name.logoStyle_5 > div {
}

.logo_name.logoStyle_2 > div, .logo_name.logoStyle_6 > div, .logo_name.logoStyle_9 > div, .logo_name.logoStyle_12 > div {
    border: 1px solid;
    border-radius: 5px;
}

.logo_name.logoStyle_2 > div > i, .logo_name.logoStyle_6 > div > i, .logo_name.logoStyle_9 > div > i, .logo_name.logoStyle_12 > div > i {
    font-size: 0.7em;
}

.logo_name.logoStyle_3 > div, .logo_name.logoStyle_7 > div, .logo_name.logoStyle_10 > div, .logo_name.logoStyle_13 > div {
    border: 1px solid;
    border-radius: 5px;
    background: #fff;
    color: #0476d0;
}

.logo_name.logoStyle_3 > div > i, .logo_name.logoStyle_7 > div > i, .logo_name.logoStyle_10 > div > i, .logo_name.logoStyle_13 > div > i {
    font-size: 0.7em;
}

.logo_name.logoStyle_4 > div, .logo_name.logoStyle_8 > div, .logo_name.logoStyle_11 > div, .logo_name.logoStyle_14 > div {
    border: 1px solid;
    border-radius: 5px;
    background: #0476d0;
    color: #fff;
}

.logo_name.logoStyle_4 > div > i, .logo_name.logoStyle_8 > div > i, .logo_name.logoStyle_11 > div > i, .logo_name.logoStyle_14 > div > i {
    font-size: 0.7em;
}

.logo_name.logoStyle_5 span {
    display: none;
}

.logo_name.logoStyle_6 span {
    display: none;
}

.logo_name.logoStyle_7 span {
    display: none;
}

.logo_name.logoStyle_8 span {
    display: none;
}

.logo_name.logoStyle_12 span {
    display: none;
}

.logo_name.logoStyle_13 span {
    display: none;
}

.logo_name.logoStyle_14 span {
    display: none;
}

.logo_name.logoStyle_9 > div, .logo_name.logoStyle_10 > div, .logo_name.logoStyle_11 > div, .logo_name.logoStyle_12 > div, .logo_name.logoStyle_13 > div, .logo_name.logoStyle_14 > div {
    border-radius: 50%;
}

.header-cart-wrapper a, .header-wish-list a {
    border: 0;
    color: #ffffff;
}

.header-cart-wrapper a:hover, .header-wish-list a:hover {
    border: 0;
}

.header-cart-wrapper i, .header-wish-list i {
    position: relative;
}

#websiteHeader .header-cart-wrapper, #websiteHeader .header-wish-list, #mainNavMobile .header-cart-wrapper, #mainNavMobile .header-wish-list {
    display: none;
}

#websiteHeader .header-client-zone-wrapper, #mainNavMobile .header-client-zone-wrapper {
    display: block;
}

.header-client-zone-wrapper a[data-letters] i, .header-client-zone-wrapper a[data-image] i {
    display: none;
}

.header-client-zone-wrapper a.client-zone-link[data-letters]:before {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50% !important;
    font-size: 1em;
    line-height: 2.5em;
    content: attr(data-letters);
    display: inline-block;
    text-align: center;
    background: #0476d0;
    vertical-align: middle;
    color: white;
}

.header-client-zone-wrapper a.client-zone-link[data-image] {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50% !important;
    background-position: center center;
    background-size: cover;
}

.header-cart-wrapper .count, .header-wish-list .count {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 8px;
    color: white;
    font-weight: bold;
    background-color: #0476d0;
    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 10px;
}

@media (min-width: 768px) {
    .header-cart-wrapper .count, .header-wish-list .count {
        width: 16px;
        height: 16px;
        font-size: 11px;
        top: -10px;
        left: 12px;
    }
}

.header-wish-list .count {
    display: none !important;
}

html[dir="rtl"] .header-cart-wrapper .count, html[dir="rtl"] .header-wish-list .count {
    right: 11px;
    left: auto;
}

.actionButton {
    cursor: pointer;
}

html[dir="ltr"] .popupWinScroll {
    overflow: hidden;
    position: relative;
    height: 100%;
}

html[dir="rtl"] .popupWinScroll {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.popupWin {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: transparent;
    opacity: 1;
    z-index: 99000;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: -200vh;
    bottom: 0;
    overflow: auto;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    transition: top 0.7s;
}

_:-ms-fullscreen, :root .popupWin {
    justify-content: inherit !important;
}

@supports (-ms-ime-align:auto) {
    .popupWin {
        top: -199vh;
    }
}

.popupWin.open {
    top: 0;
}

.popupWin .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #181818;
    opacity: 1;
    z-index: 1;
}

.popupWin .content {
    background-color: white;
    z-index: 99000;
    max-width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 0;
}

.popupWin.oneColor .content {
    background-color: transparent;
    border: 0;
}

.popupWin .content .popupHeader {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    min-height: 60px;
    padding: 0 5px;
}

_:-ms-fullscreen, :root .popupWin .content .popupHeader {
    line-height: 60px;
}

.popupWin.oneColor .content .popupHeader {
    border-bottom: 1px solid transparent;
}

.popupWin .content .popupHeader.emptyHeader {
    border-bottom: 0;
    height: 1px;
    min-height: inherit;
}

.popupWin .content .popupHeader .title {
    order: 1;
    flex-basis: 90%;
    color: #333;
    font-size: 18px;
}

.popupWin.oneColor .content .title {
    color: white;
}

.popupWin .popupCloseButton {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0;
    z-index: 99999;
}

html[dir=rtl] .popupWin .popupCloseButton {
    right: auto;
    left: 20px;
}

.popupWin .popupCloseButton i {
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    opacity: 1;
}

.popupWin .popupCloseButton i:hover {
    opacity: 0.7;
}

@media (max-width: 767px) {
    .popupWin .popupCloseButton {
        left: 5px;
        top: 5px;
    }

    html[dir=rtl] .popupWin .popupCloseButton {
        left: auto;
        right: 5px;
    }

    .popupWin .popupCloseButton i {
        font-size: 40px;
    }
}

.popupWin .content .page {
    padding: 15px 5px;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    text-align: center;
}

.popupWin.oneColor .content .page {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.popupWin .content .page > iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

#popupFloatDivMenuLanguages .languagesList {
    order: 1;
    list-style-type: none;
    list-style: none;
    align-self: center;
    text-align: center;
    padding: 0;
    overflow: auto;
    width: 100%;
}

#popupFloatDivMenuLanguages .languagesList a {
    color: white;
    text-transform: capitalize;
    font-size: 1.5em;
    line-height: 1.8;
}

#popupFloatDivMenuLanguages .languagesList a:hover {
    color: #0476d0;
}

#popupFloatDivMenu .content .page {
    text-align: inherit !important;
}

#popupFloatDivMenu .navPagesPopup {
    order: 1;
    list-style-type: none;
    list-style: none;
    align-self: center;
    padding: 0;
    overflow: auto;
    width: 100%;
}

#popupFloatDivMenu .navPagesPopup a {
    text-transform: capitalize;
    font-size: 20px !important;
    line-height: 1.6;
    color: #0476d0;
    color: white;
    border: 0;
    padding: 6px;
    display: block;
    text-align: center;
    word-wrap: break-word;
}

#popupFloatDivMenu .moduleMenu.separate {
    padding: 6px;
    text-align: center;
}

@media only screen and (min-width: 480px) {
    #popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a {
        font-size: 25px;
    }

    #popupFloatDivSearch .popover_phone_icons a:hover, #popupFloatDivSearch .popover_phone_icons a:focus, #popupFloatDivSearch .popover_email_icons a:hover, #popupFloatDivSearch .popover_email_icons a:focus {
        color: #0476d0;
    }
}

#popupFloatDivMenu .navPagesPopup li:last-child a {
    border: 0;
}

#popupFloatDivMenu .navPagesPopup li.active > a {
    background-color: transparent;
    color: #0476d0;
}

#popupFloatDivMenu .navPagesPopup a:hover, #popupFloatDivMenu .navPagesPopup a:focus {
    text-decoration: none;
    color: #0476d0;
}

#popupFloatDivMenu .btn-primary-action-button-4 {
    border-color: #fff;
    color: #fff !important;
}

#popupFloatDivMenu .dropdown-submenu.open .site-dropdown-menu {
    display: block;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

#popupFloatDivMenu .dropdown-submenu.open .site-dropdown-menu a {
    white-space: normal;
}

#popupFloatDivMenu .navPagesPopup .site-dropdown-menu.dropdown-side-open-right, #popupFloatDivMenu .navPagesPopup .site-dropdown-menu.dropdown-side-open-left {
    top: auto;
    left: auto;
    right: auto;
}

#popupFloatDivMenu .navPagesPopup .site-dropdown-menu {
    background-color: transparent;
}

#popupFloatDivMenu .navPagesPopup .site-dropdown-menu a {
    text-transform: capitalize;
    font-size: 1em;
    background-color: transparent;
    color: white;
    padding: 12px 25px;
}

#popupFloatDivMenu .navPagesPopup .site-dropdown-menu a:hover {
    color: #0476d0;
}

#popupFloatDivMenu .navPagesPopupActionButtons {
    order: 2;
    list-style: none;
    align-self: center;
    text-align: center;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 15px;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part2 {
    margin: 15px 0;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part2 a {
    margin: 0 10px;
}

#popupFloatDivMenu .page i.catMobileIcon {
    font-size: 0.7em;
}

#popupFloatDivMenu .page i {
    font-size: 2em;
}

#popupFloatDivMenu #topAction_buttonText_1 i, #popupFloatDivMenu #topAction_buttonText_2 i {
    font-size: 1em;
}

.navPagesPopupActionButtons_part1 a {
    padding: 10px;
}

.navPagesPopupActionButtons_part1 .client-zone-link[data-image="true"] {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50% !important;
    background-position: center center;
    background-size: cover;
}

.navPagesPopupActionButtons_part1 .client-zone-link[data-image="true"] i {
    opacity: 0;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part3 {
    margin: 15px 0;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part3 a {
    color: #0476d0 !important;
    text-decoration: none;
    font-weight: bold;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part3 a i, #popupFloatDivMenu .navPagesPopupActionButtons_part3 button i {
    font-size: 14px;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part3 .row {
    margin: 15px 0;
}

#popupFloatDivMenu .content {
    width: 90%;
}

#popupFloatDivMenu.m-m-progress, #popupFloatDivMenu .m-m-progress {
    overflow: hidden !important;
}

#popupFloatDivMenu .page > ul.m-m-progress {
    width: calc(90% - 10px) !important;
}

#popupFloatDivMenu.is-mobile .navPagesPopup a {
    font-size: 20px !important;
    font-size: var(--mobileMenuFontSize) !important;
    margin-bottom: 5px;
    margin-bottom: var(--mobileMenuPagesSpace);
}

#popupFloatDivMenu .active-cat-content {
    list-style: none;
    padding: 0;
    overflow: auto;
}

#popupFloatDivMenu .custom-menu-cover {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000;
    opacity: 0.5;
}

#popupFloatDivMenu .active-cat {
    position: relative;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 {
    display: flex;
    justify-content: center;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 a {
    margin: 0 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #fff !important;
    color: #0476d0 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 a[data-icon-type="socialImage"] {
    background-color: transparent !important;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 a[data-icon-type="socialImage"] img {
    width: 100%;
    height: 100%;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#popupFloatDivMenu .navPagesPopupActionButtons_part1 a i {
    font-size: 14px;
}

#popupFloatDivMenu.m-w .cover {
    background-color: #fff !important;
    opacity: 1;
}

#popupFloatDivMenu.m-w li:not(.active) > a, #popupFloatDivMenu.m-w .popupCloseButton > i {
    color: #000 !important;
}

#popupFloatDivMenu.m-w .navPagesPopup a:hover, #popupFloatDivMenu.m-w .navPagesPopup a:focus {
    color: #0476d0 !important;
}

#popupFloatDivMenu.m-w .navPagesPopupActionButtons {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#popupFloatDivMenu.m-w .navPagesPopupActionButtons_part1 a {
    background-color: #0476d0 !important;
    color: #fff !important;
}

#popupFloatDivMenu.m-m-t-w li.active > a, #popupFloatDivMenu.m-m-t-w .navPagesPopup a:hover, #popupFloatDivMenu.m-m-t-w .navPagesPopup a:focus {
    color: #000 !important;
}

#popupFloatDivMenu.m-m-t-w .cover {
    background-color: #0476d0 !important;
    opacity: 1;
}

#popupFloatDivMenu.m-m-t-w li:not(.active) > a, #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons a {
    color: #fff !important;
}

#popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons_part1 a {
    background-color: #fff !important;
    color: #0476d0 !important;
}

#popupFloatDivMenu.m-m-t-b .cover {
    background-color: #0476d0 !important;
    opacity: 1;
}

#popupFloatDivMenu.m-m-t-b li.active > a, #popupFloatDivMenu.m-m-t-b .navPagesPopup a:hover, #popupFloatDivMenu.m-m-t-b .navPagesPopup a:focus {
    color: #fff !important;
}

#popupFloatDivMenu.m-m-t-b li:not(.active) > a, #popupFloatDivMenu.m-m-t-b .navPagesPopupActionButtons a {
    color: #000 !important;
}

#popupFloatDivMenu.m-m-t-b .navPagesPopupActionButtons_part1 a {
    background-color: #000 !important;
    color: #0476d0 !important;
}

html[dir="ltr"] #popupFloatDivMenu.side-menu {
    left: -200vw;
    top: 0;
    transition: left 0.7s;
}

html[dir="rtl"] #popupFloatDivMenu.side-menu {
    right: -200vw;
    top: 0;
    transition: right 0.7s;
}

html[dir="ltr"] #popupFloatDivMenu.side-menu.half-width {
    width: 75%;
    left: -100vw;
    right: 75%;
    top: 0;
}

html[dir="rtl"] #popupFloatDivMenu.side-menu.half-width {
    width: 75%;
    left: 75%;
    right: -100vw;
    top: 0;
}

html[dir="ltr"] #popupFloatDivMenu.side-menu.open {
    left: 0;
}

html[dir="rtl"] #popupFloatDivMenu.side-menu.open {
    right: 0;
}

#popupFloatDivSearch .page {
    margin-top: 15px;
    padding-top: 0;
}

#popupFloatDivSearch .searchInput, .search-result-page .searchInput, .search-result-page .result, #popupFloatDivSearch .result {
    width: 70%;
    min-width: 300px;
    margin: 0 auto;
    overflow: auto;
    color: #fff;
}

.search-result-page .empty-result {
    width: 70%;
    min-width: 300px;
    margin: 0 auto;
    overflow: auto;
}

#popupFloatDivSearch .global-contact-details-container {
    max-height: calc(100vh - 150px);
}

#popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a {
    color: white;
    font-size: 25px;
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a {
        font-size: 50px;
    }
}

#popupFloatDivSearch .popover_phone_icons .g-c-d-long-text-handler a, #popupFloatDivSearch .popover_email_icons .g-c-d-long-text-handler a {
    font-size: calc(4vw * 0.9);
}

@media screen and (min-width: 1200px) {
    #popupFloatDivSearch .popover_phone_icons .g-c-d-long-text-handler a, #popupFloatDivSearch .popover_email_icons .g-c-d-long-text-handler a {
        font-size: 50px;
    }
}

#popupFloatDivSearch .popover_phone_icons a i {
    margin-right: 0.2em;
}

html[dir=rtl] #popupFloatDivSearch .popover_phone_icons a i {
    margin-left: 0.2em;
    margin-right: auto;
}

#popupFloatDivSearch .popover_address_icons a:hover, #popupFloatDivSearch .popover_address_icons a:focus {
    color: #0476d0;
}

#popupFloatDivSearch .searchInput, .search-result-page .searchInput {
    margin: 0 auto;
    margin-top: 38px;
    height: 120px;
}

#popupFloatDivSearch .searchCard, .search-result-page .searchCard {
    margin: 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.17);
    padding: 10px;
    border-radius: 0;
    min-height: 100px;
    text-align: left;
    color: #000;
    overflow: hidden;
}

html[dir=rtl] #popupFloatDivSearch .searchCard {
    text-align: right;
}

#popupFloatDivSearch .searchCard h4 {
    color: #0476d0;
}

#popupFloatDivSearch .searchCard img, .search-result-page .searchCard img, #popupFloatDivSearch .searchCard i {
    max-width: 120px;
    max-height: 120px;
    margin-bottom: 10px;
    float: right;
}

#popupFloatDivSearch .searchCard i {
    color: #fff;
    font-size: 50px;
}

html[dir="rtl"] #popupFloatDivSearch .searchCard img, html[dir="rtl"] #popupFloatDivSearch .searchCard i {
    float: left;
}

#popupFloatDivSearch .searchCard p {
    color: white;
}

#popupFloatDivSearch .searchCard:hover {
    background-color: rgba(255, 255, 255, 0.02);
}

#popupFloatDivSearch .socialBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

#popupFloatDivSearch .socialBox .insideBox {
    padding: 0 22px;
    max-height: 400px;
    max-width: 320px;
    text-align: center;
    margin: auto;
}

#popupFloatDivSearch .socialBox .insideBox.mobile {
    padding: 0;
}

#popupFloatDivSearch .socialBox .insideBox iframe {
    border: 1px solid rgb(232, 232, 232) !important;
}

#popupFloatDivSearch .social-icons a, a.iconsCircle {
    color: white;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 36px;
    height: 82px;
    line-height: 78px;
    text-align: center;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    vertical-align: top;
    width: 82px;
    zoom: 1;
    margin: 15px;
}

#popupFloatDivSearch .social-icons a:hover, a.iconsCircle:hover {
    color: #0476d0;
    border-color: #0476d0;
}

#popupFloatDivSearch .social-icons a i.fa-4x {
    font-size: inherit;
}

a.iconsCircleSmall {
    font-size: 27px;
}

#pagePopupWinID.popupWin .content .page {
    padding: 0;
}

.popupWin .videoSize {
    width: 853px !important;
    height: 480px !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

@media (max-width: 767px) {
    .popupWin .videoSize {
        max-width: 100% !important;
        height: 230px !important;
    }
}

.quickPopupWin {
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99010;
}

html[dir="rtl"] .quickPopupWin {
    left: 0;
    right: auto;
}

.quickPopupWin .cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}

html[dir="rtl"] .cover {
    right: 0;
    left: auto;
}

.quickPopupWin .content {
    background-color: #fff;
    width: 450px;
    max-width: 100%;
    height: 100%;
    position: fixed;
    border: 0;
    box-shadow: inset 3px 0px 0px 1px #000000;
    left: auto;
    right: -450px;
    top: 0;
    bottom: 0;
    transition: right 0.7s;
}

html[dir="rtl"] .quickPopupWin .content {
    box-shadow: inset -3px 0px 0px 1px #000000;
    left: -450px;
    right: auto;
    transition: left 0.7s;
}

#popupCart.quickPopupWin .content {
    box-shadow: none;
}

_:-ms-fullscreen, :root .quickPopupWin .content {
    right: -449px;
}

_:-ms-fullscreen, :root[dir="rtl"] .quickPopupWin .content {
    left: -449px;
    right: auto;
}

@supports (-ms-ime-align:auto) {
    .quickPopupWin .content {
        right: -449px;
    }

    html[dir="rtl"] .quickPopupWin .content {
        left: -449px;
    }
}

.quickPopupWin .content.open {
    right: 0;
}

html[dir="rtl"] .quickPopupWin .content.open {
    left: 0;
    right: auto;
}

.quickPopupWin iframe {
    height: 100%;
    width: 100%;
    border: 0;
    overflow: hidden;
}

.onlyContent123 .s123-content-area, .onlyContent123 #s123ModulesContainer, .onlyContent123 .s123-page-container {
    padding-top: 0 !important;
}

html.onlyContent123 body {
    background-color: #f7f9f8;
    background-image: none;
}

.onlyContent123 .body {
    width: 100%;
    border: 0;
}

.homepageRandomText, .homepageRandomTextStop {
    opacity: 0;
}

.elementToFadeIn {
    -webkit-animation: fadein 0.5s linear forwards;
    animation: fadein 0.5s linear forwards;
    opacity: 0;
}

@-webkit- @keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
} @keyframes fadein {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }

.bg-primary .fr-view[dir="rtl"] blockquote {
    border-color: #000000 !important;
}

.bg-primary .fr-view[dir="rtl"] blockquote blockquote {
    border-color: #000000 !important;
}

.bg-primary .fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #000000 !important;
}

.bg-primary .fr-view blockquote {
    border-color: #000000 !important;
    color: #000000 !important;
}

.fr-view[dir="rtl"] blockquote {
    border-color: #000000 !important;
}

.fr-view[dir="rtl"] blockquote blockquote {
    border-color: #000000 !important;
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #000000 !important;
}

.fr-view blockquote {
    border-color: #000000 !important;
    color: #000000 !important;
}

.inside_page .bg-primary .fr-view[dir="rtl"] blockquote {
    border-color: #000000 !important;
}

.inside_page .bg-primary .fr-view[dir="rtl"] blockquote blockquote {
    border-color: #000000 !important;
}

.inside_page .bg-primary .fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #000000 !important;
}

.inside_page .bg-primary .fr-view blockquote {
    border-color: #000000 !important;
    color: #000000 !important;
}

.fr-view hr {
    max-width: 100% !important;
    border-width: 1px !important;
}

.fr-view section {
    position: static;
    min-height: 0;
}

html[dir="rtl"] .input-group-addon:first-child {
    border: 1px solid #ccc;
    border-left: 0;
}

.captcha-security {
    margin-bottom: 20px;
    display: none;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.captcha-security.active {
    display: flex;
}

.datepicker thead {
    border-bottom: 1px solid #eaeaea;
}

.datepicker tfoot {
    border-top: 1px solid #eaeaea;
}

.datepicker td, .datepicker th {
    padding: 10px 10px !important;
    border-radius: 0 !important;
}

.datepicker table tr td {
    background-image: none !important;
}

.datepicker table tr td:hover {
    background-image: none !important;
}

html[dir="rtl"] .datepicker.datepicker-dropdown.dropdown-menu {
    right: auto;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0476d0;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
    background-color: #0476d0 \9;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: rgba(4, 118, 208, 0.2);
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
    background-color: rgba(4, 118, 208, 0.2) \9;
    color: #252525;
}

.s123-module [data-item-is-hidden="1"] a {
    text-decoration: none;
    opacity: 0.7;
}

.s123-module [data-item-is-hidden="1"] .hidden-item-label {
    display: flex !important;
    position: absolute;
    top: 0px;
    font-size: 40px;
    height: 100%;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.s123-spinners-buttons {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #333;
    background-color: #eee;
    border-color: #ccc;
}

.s123-spinners-buttons:focus, .s123-spinners-buttons:active:focus, .s123-spinners-buttons.active:focus, .s123-spinners-buttons.focus, .s123-spinners-buttons:active.focus, .s123-spinners-buttons.active.focus {
    outline: none;
}

#nprogress .bar {
    background: #0476d0;
}

.s123-calendar-handler .modal-footer .confirm-selection, .s123-calendar-handler .datepicker-days .day.active:not(.today) {
    background-color: #0476d0 !important;
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

_:-ms-fullscreen, :root .magic_homepage .home_main_wrapper .box_container .boxBorder {
    text-align: left;
}

_:-ms-fullscreen, :root .magic_homepage .home_custom_image {
    max-height: 500;
}

@media (max-width: 767px) {
    _:-ms-fullscreen, :root .magic_homepage .home_custom_image {
        max-height: 500;
    }
}

_:-ms-fullscreen, :root .magic_homepage .play-home-video-btn a {
    color: #ffffff;
    border-color: #ffffff;
}

_:-ms-fullscreen, :root .magic_homepage .play-home-video-btn a:hover {
    color: #ffffff;
    border-color: #ffffff;
}

_:-ms-fullscreen, :root .magic_homepage .form_style_2 h3 {
    color: #ffffff !important;
}

_:-ms-fullscreen, :root .magic_homepage .form_style_2 p {
    color: #ffffff !important;
}

_:-ms-fullscreen, :root .magic_homepage .form_style_2 label {
    color: #ffffff !important;
}

@supports (-ms-ime-align:auto) {
    .magic_homepage .home_main_wrapper .box_container .boxBorder {
        text-align: left !important;
    }

    html[dir="rtl"] .magic_homepage .home_main_wrapper .box_container .boxBorder {
        text-align: right !important;
    }
}

.magic_homepage .promoButtons #home_buttonText, .magic_homepage .promoButtons #home_buttonText_1 {
    max-width: 100%;
    margin-top: 30px;
}

html[dir="ltr"] .magic_homepage .promoButtons #home_buttonText {
    margin-left: 60px !important;
}

html[dir="ltr"] .magic_homepage .promoButtons #home_buttonText_1 {
    margin-left: 10px;
}

html[dir="rtl"] .magic_homepage .promoButtons #home_buttonText {
    margin-right: 60px !important;
}

html[dir="rtl"] .magic_homepage .promoButtons #home_buttonText_1 {
    margin-right: 10px;
}

@media (max-width: 767px) {
    html[dir="ltr"] .magic_homepage .promoButtons #home_buttonText, html[dir="ltr"] .magic_homepage .promoButtons #home_buttonText_1 {
        margin-right: 0px !important;
        margin-left: 30px !important;
    }

    html[dir="rtl"] .magic_homepage .promoButtons #home_buttonText, html[dir="rtl"] .magic_homepage .promoButtons #home_buttonText_1 {
        margin-right: 30px !important;
        margin-left: 0px !important;
    }
}

.e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner {
    color: #ffffff;
}

.header-phone-wrapper img, #popupFloatDivMenu [data-toggle="phone_menuCallActionIcons"] img {
    height: 1.5em;
    width: auto;
}

#popupFloatDivSearch .popover_phone_icons a {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    white-space: nowrap;
}

#popupFloatDivSearch .popover_phone_icons a img {
    height: 1em;
    width: auto;
    margin-right: 0.2em;
}

html[dir=rtl] #popupFloatDivSearch .popover_phone_icons a img {
    margin-left: 0.2em;
    margin-right: auto;
}

#mainNav a[data-social-icon="whatsApp-icon"], #mainNav a[data-social-icon="telegram-icon"] {
    padding: 0 3.79px !important;
}

#mainNav a[data-social-icon="skype-icon"] {
    padding: 0 3.59px !important;
}