/*#region well - equal height */
.well {
    background-color: transparent;
    padding: 0;
}

@media (min-width: 768px) {
    /* top row */
    .col .well {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
    /* bottom row */
    .col-base {
        margin-top: -15px; /* cut off top portion of bottom wells */
    }
}

@media (max-width: 767px) {
    .row.base {
        display: none;
    }
}

.col-wrap {
    overflow: hidden;
}
/*#endregion*/

/*#region Bootstrap modal*/
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    padding: 0;
    width: 500px;
    margin-left: -250px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

    .modal.container {
        max-width: none;
    }

/* Bootstrap modal */
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.modal-open {
    overflow: hidden;
}


    /* add a scroll bar to stop page from jerking around */
    .modal-open.page-overflow .page-container,
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom,
    .modal-open.page-overflow .modal-scrollable {
        overflow-y: scroll;
    }

@media (max-width: 979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom {
        overflow-y: visible;
    }
}

.modal-scrollable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.modal {
    outline: none;
    position: fixed;
    margin-top: 0;
    top: 50%;
    overflow: visible; /* allow content to popup out (i.e tooltips) */
}

    .modal.fade {
        top: -100%;
        -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
        -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    }

        .modal.fade.in {
            top: 25%;
        }

.modal-body {
    max-height: none;
    overflow: visible;
}

.modal.modal-absolute {
    position: absolute;
    z-index: 950;
}

.modal .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px;
}

.modal-backdrop.modal-absolute {
    position: absolute;
    z-index: 940;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #fff;
}

.modal.container {
    width: 940px;
    margin-left: -470px;
}

/* Modal Overflow */

.modal-overflow.modal {
    top: 1%;
}

    .modal-overflow.modal.fade {
        top: -100%;
    }

        .modal-overflow.modal.fade.in {
            top: 1%;
        }

.modal-overflow .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* Responsive */

@media (min-width: 1200px) {
    .modal.container {
        width: 1170px;
        margin-left: -585px;
    }
}

@media (max-width: 979px) {
    .modal,
    .modal.container,
    .modal.modal-overflow {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .modal.fade.in,
        .modal.container.fade.in,
        .modal.modal-overflow.fade.in {
            top: 1%;
            bottom: auto;
        }

    .modal-body,
    .modal-overflow .modal-body {
        position: static;
        margin: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .modal-footer,
    .modal-overflow .modal-footer {
        position: static;
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

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

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

/*#endregion*/

/*#region original royal slider*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: auto;
    max-height: 338px;
    position: relative;
    direction: ltr;
}

    .royalSlider > * {
        float: left;
    }

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .rsVisibleNearbyWrap .rsOverflow {
        position: absolute;
        left: 0;
        top: 0;
    }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0,0,0,0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVideoContainer { /*left: 0;
                top: 0;
                position: absolute;*/ /*width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

    .rsVideoFrameHolder.rsVideoActive {
        opacity: 1;
    }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
}

img.rsImg {
    min-height: 100%;
    max-width: 99999em !important;
    width: auto !important;
    max-height: 999em;
    min-width: 100%;
}

.grab-cursor {
}

.grabbing-cursor {
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url("/css/Hacartis/blank.gif");
}
/*#endregion*/

/*#region slick */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

html[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/*#endregion*/

/*#region royal slider */
/********** royal slider ******/
.royalSlider {
    background-color: #ffffff;
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
    margin-top: -3px
}

#plasmaContainer .carousel-inner {
    background-color: #ffffff;
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
    margin-top: -3px
}

.rsABlock {
    position: absolute;
    top: 0;
    direction: rtl;
    left: inherit !important;
    color: #000;
    width: 400px;
    padding: 0px 60px 30px;
    right: 0 !important;
    font-family: joker;
    text-align: center;
}

    .rsABlock h2, figure.rsCaption h2 {
        font-family: joker;
        font-size: 2.5em;
        font-weight: bold;
        line-height: 0.8em;
        margin: 4px 0 5px;
        border: 0 none;
        padding-top: 77px;
        padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 3px;
        text-align: center;
    }

    .rsABlock .text, figure.rsCaption .text {
        font-size: 14pt;
        padding: 0px 20px 18px 22px
    }

    .rsABlock .text, figure.rsCaption {
        border-bottom: 1px solid #D4D4D4;
        height: 272px;
        margin-bottom: 15px
    }

@media all and (max-width: 359px) and (min-width: 320px) {
    .rsABlock .text, figure.rsCaption {
        height: 352px;
    }
}

.rsABlock .text, figure.rsCaption a:hover {
    text-decoration: none
}

.rsABlock .sec-text, figure.rsCaption .sec-text {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.013em;
    margin: 5px 0;
    padding: 0px 20px 0px 22px;
    text-align: center;
}

.rsABlock .btnPlasma, figure.rsCaption .btnPlasma {
    text-align: center;
}

.rsABlock .btnPlasma, figure.rsCaption .btn-danger { /*font-size:1.25em;*/
    padding: 6px 15px !important;
    font-weight: normal
}

    .rsABlock .btnPlasma .btn {
        font-size: 1.375em !important;
        padding-top: 4px;
        padding-bottom: 4px;
        font-weight: bold;
        padding-right: 45px;
        padding-left: 45px;
    }

.rsABlock .th-text, figure.rsCaption .th-text {
    font-size: 1.25em;
    padding: 0px 20px 12px 22px;
    line-height: 0.8em;
    font-weight: bold;
}

.rsABlock .cont {
    background: #CC0001;
    color: #fff;
    clear: left;
    float: left;
    font-size: 13pt;
    padding: 4px 8px 4px 10px;
    margin-left: 20px
}

    .rsABlock .cont:after {
        color: inherit;
        font-size: 13pt;
        line-height: 0.8;
        margin: 0 10px 0 0;
        vertical-align: text-top;
    }

    .rsABlock .cont:hover {
        background: #f7941e;
        text-decoration: none;
    }

.rsDefault .rsThumbsHor {
    background-color: #14293E;
}

@media only screen and (min-device-width : 799px) and (max-device-width : 1000px) {
    .rsABlock {
        width: 282px !important;
        padding: 12px 44px 3px;
        font-size: 13px
    }
}

@media only screen and (min-device-width : 1000px) and (max-device-width : 1200px) {
    .rsABlock {
        width: 325px !important;
        padding: 12px 44px 3px;
        font-size: 13px
    }
}

@media only screen and (min-device-width : 799px) and (max-device-width : 1200px) and (orientation : portrait) {
    .rsABlock {
        width: 250px !important;
        padding: 12px 23px 3px;
        font-size: 13px
    }

        .rsABlock .sec-text, figure.rsCaption .sec-text {
            padding: 0px 5px 0px 5px
        }
}


/***************
*  1. Arrows
****************/

.rsDefault .rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsDefault.rsVer .rsArrow {
    width: 100%;
    height: 44px;
}

.rsDefault .rsArrowLeft {
    top: 0;
    left: 25px;
}

.rsDefault .rsArrowRight {
    bottom: 0;
    left: 25px;
}

.rsDefault .rsArrowLeft {
    left: 25px;
    top: 0;
}

.rsDefault .rsArrowRight {
    right: 25px;
    top: 0;
}

.rsDefault .rsArrowIcn {
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url("/images/Hacartis//rs-default.png");
    border-radius: 2px;
    border: 1px solid silver;
}


.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -63px -32px;
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -63px -64px;
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px;
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none;
}


.arrow {
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url("/images/Hacartis//rs-default.png");
    border-radius: 2px;
    border: 1px solid silver;
}

    .arrow.arrow-left {
        background-position: -63px -32px;
    }

    .arrow.arrow-right {
        background-position: -63px -64px;
    }


/***************
*  2. Bullets
****************/

.rsDefault .rsBullets {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
}

.rsDefault .rsBullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 14px 27px 12px;
}

    .rsDefault .rsBullet span {
        display: block;
        width: 10px;
        border-radius: 6px !important;
        border: 1px solid black;
        height: 10px;
        background: #777;
        background: rgba(255,255,255,0.5);
        cursor: pointer;
    }

    .rsDefault .rsBullet.rsNavSelected span {
        background-color: #000000;
    }

    .rsDefault .rsBullet.active span {
        background-color: #000000;
    }

.rsDefault .autoPlay {
    position: absolute;
    bottom: -6px;
    left: 3px;
    width: 40px;
    height: 42px;
    background: url("/images/Hacartis/pause.png") no-repeat center center/20px;
}

.autoPlay.pause {
    background: url("/images/Hacartis/play.png") no-repeat center center/20px;
}

@media (max-width:1199px) {
    img.rsImg {
        max-width: 100% !important;
    }
}

@media (max-width:991px) {
    .rsDefault .rsBullet span {
        height: 12px;
        width: 12px
    }

    .rsArrowIcn {
        display: none
    }

    .rsDefault .rsBullets {
        width: 100%;
        text-align: center;
        bottom: auto;
        position: relative;
    }

    .rsGCaption {
        width: 100%;
        text-align: center;
        position: relative;
    }

    figure.rsCaption {
        height: auto;
        padding-bottom: 15px;
        margin-bottom: 5px;
        font-family: joker;
        direction: rtl
    }
}

@media (max-width:991px) {
    /*.rsDefault .autoPlay { bottom: 13px; left: 0px; }*/
    .rsABlock h2, figure.rsCaption h2 {
        padding-top: 8px
    }
}


/***************
*  3. Thumbnails
****************/

.rsDefault .rsThumbsHor {
    width: 100%;
    height: 72px;
}

.rsDefault .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%;
}

.rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px;
}

    .rsDefault .rsThumb img {
        width: 100%;
        height: 100%;
    }

    .rsDefault .rsThumb.rsNavSelected {
        background: #02874a;
    }

        .rsDefault .rsThumb.rsNavSelected img {
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

.rsDefault .rsTmb {
    display: block;
}

    /* Thumbnails with text */
    .rsDefault .rsTmb h5 {
        font-size: 16px;
        margin: 0;
        padding: 0;
        line-height: 20px;
        color: #FFF;
    }

    .rsDefault .rsTmb span {
        color: #DDD;
        margin: 0;
        padding: 0;
        font-size: 13px;
        line-height: 18px;
    }

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000;
    background: rgba(0,0,0,0.75);
}

    .rsDefault .rsThumbsArrow:hover {
        background: rgba(0,0,0,0.9);
    }

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0;
}

.rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url("/css/iecimages/rs-default.png");
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
    display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsDefault .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsDefault .rsThumbsHor {
        height: 44px;
    }

    .rsDefault .rsThumbsVer {
        width: 59px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1120px) {
    .rsABlock {
        width: 320px;
    }

        .rsABlock h2 {
            padding-top: 58px;
        }
}
/*#endregion*/

/*#region flip-clock*/
/* Animation */
@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper span.wrap {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

    .flip-clock-wrapper span.wrap:hover {
        color: #fff;
    }

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}
/* Main */
.flip-clock-wrapper {
    position: relative;
    display: inline-block;
}

    .flip-clock-wrapper:before, .flip-clock-wrapper:after {
        content: " ";
        display: table;
    }

    .flip-clock-wrapper:after {
        clear: both;
    }

    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 5px 0 30px;
        padding: 0;
        border-radius: 5px !important;
        list-style: none;
        font-weight: bold;
        font-family: Arial;
        color: #fff;
        width: 63px;
        height: 49px;
        font-size: 25px;
        background-color: #434850;
    }

    .flip-clock-wrapper .flip.hour {
        margin-left: 15px;
    }

    .flip-clock-wrapper ul li {
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 67px;
        text-decoration: none !important;
    }

        .flip-clock-wrapper ul li:first-child {
            z-index: 2;
        }

        .flip-clock-wrapper ul li span.wrap {
            display: block;
            height: 100%;
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            margin: 0 !important;
            overflow: visible !important;
            cursor: default !important;
        }

            .flip-clock-wrapper ul li span.wrap div {
                z-index: 1;
                position: absolute;
                left: 0;
                width: 100%;
                height: 50%;
                overflow: hidden;
                outline: 1px solid transparent;
            }

                .flip-clock-wrapper ul li span.wrap div .shadow {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: 2;
                }

                .flip-clock-wrapper ul li span.wrap div.up {
                    -webkit-transform-origin: 50% 100%;
                    -moz-transform-origin: 50% 100%;
                    -ms-transform-origin: 50% 100%;
                    -o-transform-origin: 50% 100%;
                    transform-origin: 50% 100%;
                    top: 0;
                    background-color: #434850;
                    -webkit-border-radius: 5px 5px 0 0 !important;
                    -moz-border-radius: 5px 5px 0 0 !important;
                    border-radius: 5px 5px 0 0 !important;
                }

                    .flip-clock-wrapper ul li span.wrap div.up:after {
                        content: "";
                        position: absolute;
                        top: 70px;
                        left: 0;
                        z-index: 5;
                        width: 100%;
                        height: 3px;
                        background-color: #434850;
                        background-color: rgba(0, 0, 0, 0.4);
                    }

                .flip-clock-wrapper ul li span.wrap div.down {
                    -webkit-transform-origin: 50% 0;
                    -moz-transform-origin: 50% 0;
                    -ms-transform-origin: 50% 0;
                    -o-transform-origin: 50% 0;
                    transform-origin: 50% 0;
                    bottom: 0;
                    -webkit-border-radius: 0 0 5px 5px !important;
                    -moz-border-radius: 0 0 5px 5px !important;
                    border-radius: 0 0 5px 5px !important;
                    background-color: #565C66;
                }

                .flip-clock-wrapper ul li span.wrap div div.inn {
                    position: absolute;
                    left: 0;
                    z-index: 1;
                    width: 100%;
                    height: 200%;
                    text-shadow: 0 1px 2px #000;
                    text-align: center;
                    border-radius: 5px !important;
                    font-weight: bold;
                    font-family: Arial;
                    color: #fff;
                }

                .flip-clock-wrapper ul li span.wrap div.up div.inn {
                    top: -8px;
                }

                .flip-clock-wrapper ul li span.wrap div.down div.inn {
                    bottom: 8px;
                }
    /* PLAY */
    .flip-clock-wrapper ul.play li.flip-clock-before {
        z-index: 3;
    }

    .flip-clock-wrapper .flip {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    }

        .flip-clock-wrapper .flip:after {
            content: 'ימים';
            position: absolute;
            bottom: -25px;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            color: #434850;
            line-height: normal;
            left: 0;
            right: 0;
        }

        .flip-clock-wrapper .flip.hour:after {
            content: 'שעות';
        }

        .flip-clock-wrapper .flip.min:after {
            content: 'דקות';
        }

        .flip-clock-wrapper .flip.sec:after {
            content: 'שניות';
        }

    .flip-clock-wrapper ul.play li.flip-clock-active {
        -webkit-animation: asd 0.5s 0.5s linear both;
        -moz-animation: asd 0.5s 0.5s linear both;
        animation: asd 0.5s 0.5s linear both;
        z-index: 5;
    }

    .flip-clock-wrapper .flip-clock-divider {
        float: left;
        display: inline-block;
        position: relative;
        width: 20px;
        top: 0;
        height: 63px;
    }

        .flip-clock-wrapper .flip-clock-divider:first-child {
            width: 0;
        }

    .flip-clock-wrapper .flip-clock-dot {
        display: block;
        background: #434850;
        position: absolute;
        border-radius: 50% !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        left: 0px;
        right: 0;
        margin: 0 auto;
        width: 7px;
        height: 7px;
    }

    .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
        position: absolute;
        top: -1.5em;
        right: -86px;
        color: black;
        text-shadow: none;
    }

    .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
        right: -88px;
    }

    .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
        right: -91px;
    }

    .flip-clock-wrapper .flip-clock-dot.top {
        top: 20px;
    }

    .flip-clock-wrapper .flip-clock-dot.bottom {
        bottom: 20px;
    }

    .flip-clock-wrapper ul.play li.flip-clock-active .down {
        z-index: 2;
        -webkit-animation: turn 0.5s 0.5s linear both;
        -moz-animation: turn 0.5s 0.5s linear both;
        animation: turn 0.5s 0.5s linear both;
    }

    .flip-clock-wrapper ul.play li.flip-clock-before .up {
        z-index: 2;
        -webkit-animation: turn2 0.5s linear both;
        -moz-animation: turn2 0.5s linear both;
        animation: turn2 0.5s linear both;
    }

    .flip-clock-wrapper ul li.flip-clock-active {
        z-index: 3;
    }
    /* SHADOW */
    .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
        background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
        -webkit-animation: show 0.5s linear both;
        -moz-animation: show 0.5s linear both;
        animation: show 0.5s linear both;
    }

    .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
        background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
        background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
        -webkit-animation: hide 0.5s 0.3s linear both;
        -moz-animation: hide 0.5s 0.3s linear both;
        animation: hide 0.5s 0.3s linear both;
    }
    /*DOWN*/
    .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
        background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
        background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
        -webkit-animation: show 0.5s linear both;
        -moz-animation: show 0.5s linear both;
        animation: show 0.5s linear both;
    }

    .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
        background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
        background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
        -webkit-animation: hide 0.5s 0.3s linear both;
        -moz-animation: hide 0.5s 0.3s linear both;
        animation: hide 0.5s 0.2s linear both;
    }
/* big-clock */
@media (min-width:992px) {
    .big-clock .flip-clock-wrapper ul {
        width: 83px;
        height: 69px;
        font-size: 45px;
    }

        .big-clock .flip-clock-wrapper ul li {
            line-height: 87px;
        }

    .big-clock .flip-clock-wrapper .flip:after {
        font-size: 16px;
    }

    .big-clock .flip-clock-wrapper .flip-clock-divider {
        height: 83px;
    }

        .big-clock .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
            width: 9px;
            height: 9px;
        }

    .big-clock .flip-clock-wrapper .flip-clock-dot.top {
        top: 26px;
    }

    .big-clock .flip-clock-wrapper .flip-clock-dot.bottom {
        bottom: 26px;
    }
}

@media (max-width:400px) {
    .flip-clock-wrapper ul {
        width: 54px;
    }
}
/*#endregion*/

/*#region progressBar*/
.progressBar {
    min-height: 215px;
}

    .progressBar .bar-ui li {
        float: right;
        background: transparent;
        min-height: 36px;
        line-height: 1;
        border-bottom: 2px solid #4d576a;
        position: relative;
        list-style-type: none;
    }

    .progressBar .bar-ui {
        padding: 0;
        margin-bottom: 0;
    }

        .progressBar .bar-ui li:after, .progressBar .bar-ui li:before {
            position: absolute;
            content: " ";
            top: 1px;
            width: 2px;
            height: 100%;
            z-index: 2;
        }

        .progressBar .bar-ui li:first-child:after {
            border-right: 2px solid #4d576a;
            right: -2px;
        }

        .progressBar .bar-ui li:before {
            border-left: 2px solid #4d576a;
            left: -1px;
            top: 1px;
        }

        .progressBar .bar-ui li div {
            min-height: 25px;
            margin-top: 9px;
        }

        .progressBar .bar-ui li:first-child {
            border-right: 3px solid transparent;
        }

        .progressBar .bar-ui li span.step-values {
            position: absolute;
            font-size: 16px;
            color: #4f5a65;
            top: -20px;
            left: 0%;
            font-weight: 700;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 4;
        }

        .progressBar .bar-ui li span.beg {
            left: 100%;
        }

        .progressBar .bar-ui li span.step-values.pos-change {
            left: -5%;
        }

        .progressBar .bar-ui li span.step-values.beg {
            right: -5px;
        }

    .progressBar .progress-update {
        padding: 15px 0 0;
    }

        .progressBar .progress-update li {
            float: right;
            line-height: 1;
            list-style-type: none;
        }

            .progressBar .progress-update li strong {
                font-size: 18px;
                color: #4f5a65;
                display: block;
                text-align: center;
                margin-bottom: 10px;
                font-weight: 700;
            }

            .progressBar .progress-update li span {
                margin-top: 10px;
                display: block;
                color: #4f5a65;
                text-align: center;
                font-size: 12px;
                font-weight: 400;
                padding-left: 5px;
                padding-right: 5px;
            }

    .progressBar .col-change {
        color: #d75800 !important;
    }

    .progressBar div.processing {
        background: rgba(221,221,219,1);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .progressBar div.unreached {
        background: rgba(255,255,255,1);
    }

    .progressBar ul.bar-ui div.active-complete {
        background: rgba(143,198,71,1);
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .progressBar div.overlay-color {
        position: absolute;
        background: rgba(143,198,71,0.6);
        right: 2px;
        top: 9px;
        width: 0%;
        overflow: visible !important;
        height: 25px;
    }

    .progressBar .bar-ui {
        background: transparent;
    }

    .progressBar .progress-bar-wrap {
        position: relative;
        background: #f1f1ee;
        padding: 120px 40px 0;
    }

    .progressBar .current-value {
        width: 70px;
        min-height: 55px;
        background: #fff;
        position: absolute;
        left: -2px;
        top: -115px;
        padding-top: 8px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-shadow: 0px 0px 10px #e4e4e1;
        -moz-box-shadow: 0px 0px 10px #e4e4e1;
        box-shadow: 0px 0px 10px #e4e4e1;
        z-index: 3;
    }

        .progressBar .current-value:after {
            position: absolute;
            content: " ";
            border-top: 20px solid #fff;
            border-left: 35px solid transparent;
            border-right: 35px solid transparent;
            border-bottom: 35px solid transparent;
            bottom: -55px;
            left: 0;
        }

        .progressBar .current-value:before {
            position: absolute;
            content: " ";
            width: 3px;
            height: 66px;
            background: #fff;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -84px;
        }

        .progressBar .current-value strong {
            text-align: center;
            font-weight: 700;
            color: #4f5a65;
            font-size: 20px;
            display: block;
            line-height: 22px;
        }

        .progressBar .current-value span {
            font-size: 15px;
            color: #4f5a65;
            font-weight: 400;
            display: block;
            text-align: center;
        }

    .progressBar ul.progress-update .active-complete strong {
        color: #8ac43f;
    }

    .progressBar .icon-tick {
        display: none;
    }

    .progressBar .bar-ui li div.active-complete .icon-tick {
        position: absolute;
        width: 30px;
        height: 28px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -35px;
        display: block;
        background: url("/images/Hacartis/tick.png") no-repeat;
    }

    .progressBar .bar-ui-wrap {
        position: relative;
    }

@media (max-width:400px) {
    .progressBar {
        min-height: 230px;
    }
}
/*#endregion*/

/*#region gauge-container*/
.gauge-wrapper {
    width: 260px;
    height: 140px;
    overflow: hidden;
    margin: auto;
}

.gauge-container {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    position: relative;
    background: url("/images/Hacartis/gauge-bg.png") no-repeat center 4px;
    background-size: 210px 125px;
}

    .gauge-container #meter {
        width: 100%;
        height: 100%;
        transform: rotateX(180deg);
    }

    .gauge-container .circle {
        fill: none;
        cy: 146;
    }

    .gauge-container .lock {
        position: absolute;
        bottom: 124px;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        background: url("/images/Hacartis/locker-orange.png") no-repeat 0 0;
        background-size: 50px 50px;
        z-index: 2;
    }

    .gauge-container .unlock {
        background-image: url("/images/Hacartis/locker-green.png");
    }

    .gauge-container .gauge-needle {
        height: 102px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        bottom: 148px;
        transform-origin: bottom center;
        transform: rotate(440deg);
        z-index: 1;
    }

    .gauge-container .gauge-base {
        position: absolute;
        bottom: 146px;
        width: 100%;
        left: 0;
        right: 0;
    }

    .gauge-container .gauge-marks {
        position: absolute;
        bottom: 146px;
        left: 0;
        right: 0;
        margin: auto;
        height: auto;
        width: 148px;
    }

    .gauge-container .left-digit, .gauge-container .right-digit {
        position: absolute;
        font-size: 12px;
        color: #4f5a65;
        font-weight: 700;
        font-family: Arial;
        bottom: 144px;
    }

    .gauge-container .left-digit {
        width: 30px;
        display: inline-block;
        text-align: center;
        left: 12%;
    }

    .gauge-container .right-digit {
        right: 16%;
    }

@media (min-width:768px) {
    .gauge-wrapper {
        width: 380px;
        height: 204px;
    }

    .big-gauge.gauge-container {
        width: 380px;
        background-size: 306px 182px;
        height: 380px;
        background-position: center 8px;
    }

        .big-gauge.gauge-container .circle {
            cy: 212;
        }

            .big-gauge.gauge-container .circle.first {
                stroke-width: 13;
            }

            .big-gauge.gauge-container .circle.second {
                stroke-width: 10;
            }

            .big-gauge.gauge-container .circle.third {
                stroke-width: 80;
            }

        .big-gauge.gauge-container .lock {
            width: 70px;
            height: 70px;
            background-size: 70px 70px;
            bottom: 180px;
        }

        .big-gauge.gauge-container .gauge-needle {
            height: 148px;
            bottom: 215px;
        }

        .big-gauge.gauge-container .gauge-base {
            bottom: 212px;
        }

        .big-gauge.gauge-container .gauge-marks {
            bottom: 212px;
            width: 216px;
        }

        .big-gauge.gauge-container .left-digit, .big-gauge.gauge-container .right-digit {
            font-size: 16px;
            bottom: 210px;
        }

        .big-gauge.gauge-container .left-digit {
            width: 44px;
        }
}

/*#endregion*/

/*#region general */
@font-face {
    font-family: 'joker';
    src: url("/css/Hacartis/font-joker/joker-regularwebfont.eot");
    src: url("/css/Hacartis/font-joker/joker-regularwebfont.eot") format('embedded-opentype'), url("/css/Hacartis/font-joker/joker-regularwebfont.woff?v=4.3.0") format('woff'), url("/css/Hacartis/font-joker/joker-regularwebfont.ttf?v=4.3.0") format('truetype'), url("/css/Hacartis/font-joker/joker-regularwebfont.svg?v=4.3.0#fontawesomeregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'joker-bold';
    src: url("/css/Hacartis/font-joker/fbjoker-regularwebfont.eot");
    src: url("/css/Hacartis/font-joker/fbjoker-regularwebfont.eot") format('embedded-opentype'), url("/css/Hacartis/font-joker/fbjoker-regularwebfont.woff?v=4.3.0") format('woff'), url("/css/Hacartis/font-joker/fbjoker-regularwebfont.ttf?v=4.3.0") format('truetype'), url("/css/Hacartis/font-joker/fbjoker-regularwebfont.svg?v=4.3.0#fontawesomeregular") format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansHebrew-Bold';
    src: url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.eot");
    src: url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.eot?#iefix") format('embedded-opentype'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.woff") format('woff'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.woff2") format('woff2'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.ttf") format('truetype'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-bold-webfont.svg#open_sans_hebrewbold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansHebrew-Regular';
    src: url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.eot");
    src: url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.eot?#iefix") format('embedded-opentype'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.woff") format('woff'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.woff2") format('woff2'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.ttf") format('truetype'), url("/css/Hacartis/open-sans-hebrew/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

.page-spinner-bar > div, .block-spinner-bar > div {
    background: #F5831F
}

.tiles {
    margin-left: 0px !important
}

h1 {
    font-size: 1.8em;
}

.page-title .page-share {
    float: left
}

.breadcrumb {
    padding-top: 15px;
    border-bottom: 1px solid #EAECEC;
    padding-bottom: 10px;
    margin-bottom: 5px
}

    .breadcrumb > .active {
        color: #000 !important
    }

    .breadcrumb a {
        color: #32559c;
    }

.visible {
    display: block
}

.not-visible-font {
    font-size: 0;
    margin: 0 !important
}

.page-title {
    border-bottom: 2px solid #EAECEC;
    padding-bottom: 11px;
    color: #e16900;
}

.form-group .help-block {
    display: none;
}

.has-error .form-control {
    border-color: #7b480d !important;
}

.form-group.has-error .help-block {
    display: block;
    color: #7b480d;
}

form .validationContainer {
    height: 27px;
}

.help-block {
    margin-top: 0px
}

.button-orange {
    display: block;
    background: #f5831f;
    box-shadow: -1px 1px 0 #c16515;
    -moz-box-shadow: -1px 1px 0 #c16515;
    -webkit-box-shadow: -1px 1px 0 #c16515;
    color: #fff;
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
}

    .button-orange:hover, .button-orange:hover:visited, .button-orange:focus, .button-orange:focus:visited {
        text-decoration: none;
        color: #fff;
        opacity: 0.9;
    }

.btn[disabled] {
    background-color: gray !important;
}

.visible-xs-mobile {
    display: none;
}

.hidden-mobile {
    display: none;
}

.ms-rteStyle-MizrahiLegalNote {
    font-size: 0.8em;
}

.scroll-to-top > i {
    color: #e16900;
}

.strikethrough {
    position: relative;
}

    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid;
        color: black;
        -webkit-transform: rotate(-12deg);
        -moz-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        -o-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

/*hatava hot fix*/
.align-hatava-items a {
    height: 100%;
}

.align-hatava-items-container .align-hatava-items {
    margin-bottom: 10px;
}

.align-hatava-items a .desc {
    position: absolute;
}

.align-hatava-items-container .col-xs-6 {
    width: 49%;
    float: none;
}

.hatava.tender .divLogo {
    max-height: 95px;
    top: 5px;
    position: relative;
    margin-bottom: 7px;
}

.align-hatava-items-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.hatava {
    margin-bottom: 0;
}

    .hatava.tender .data-tender .titleHeight {
        height: auto;
    }

.row.hatavot.similar {
    display: flex;
    flex-wrap: wrap;
}

.hatavaSearchTender {
    max-height: 525px !important;
}

@media (max-width:768px) {
    .align-hatava-items a {
        max-height: 395px;
    }

    .align-hatava-items-container {
        margin-bottom: 0;
    }

    .hatavaSearchContainer {
        max-height: 400px;
    }
}

@media (max-width:480px) {
    .align-hatava-items-container .col-xs-6 {
        height: auto;
        max-height: none;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width:480px) {
    .visible-xs-mobile {
        display: block;
    }

    input {
        font-size: 16px !important;
    }
    /* fix zoom on input focus for iphone */
}

@media (min-width:481px) {
    .hidden-mobile {
        display: block;
    }
}
/*#endregion*/

/*#region header */
.page-header .page-header-top {
    background: url("/images/Hacartis/bg_header.jpg") center center;
    background-size: 1440px 107px;
    background-repeat: no-repeat;
    background-size: cover
}

.page-header .page-header-top {
    height: 107px;
}

.page-header .page-header-menu {
    display: block;
    width: 100%;
    background: #36383C;
    height: 53px;
}

    .page-header .page-header-menu .search-form {
        width: 195px
    }

        .page-header .page-header-menu .search-form .input-group {
            background: #fff;
        }

            .page-header .page-header-menu .search-form .input-group .form-control {
                background: #fff;
                cursor: auto !important;
                padding-right: 7px;
                color: #393b3e;
            }

.page-header .page-header-top .page-logo {
    width: auto;
    height: auto;
    margin-top: 5px;
}

    .page-header .page-header-top .page-logo .mainImage {
        display: flex;
    }

        .page-header .page-header-top .page-logo .mainImage .spacer {
            padding: 0 15px;
        }

    .page-header .page-header-top .page-logo .mainText {
        color: #fff;
    }

        .page-header .page-header-top .page-logo .mainText .mainTitle, .page-header .page-header-top .page-logo .mainText h1 {
            font-weight: 400;
            font-size: 24px;
            margin: 10px 0 0 0;
            line-height: 1.1;
        }

        .page-header .page-header-top .page-logo .mainText .subTitle {
            font-weight: 700;
            font-size: 42px;
            line-height: 0.8;
        }

    .page-header .page-header-top .page-logo a.mainImage:hover {
        text-decoration: none;
        outline: 5px -webkit-focus-ring-color;
    }

    .page-header .page-header-top .page-logo a.mainImage:focus {
        text-decoration: none;
    }

    .page-header .page-header-top .page-logo .logo-default {
        margin-top: 12.5px;
    }

.page-header .page-header-top .page-logo-left a {
    float: left;
    display: block;
}

.page-header .page-header-top .page-logo-left .logo-default-left {
    margin-top: 15.5px;
}

.page-header .page-header-top .logo-wrapper {
    margin: 0;
    color: #fff;
    margin-top: 13px;
}

    .page-header .page-header-top .logo-wrapper .left {
        float: left;
        overflow: hidden;
        margin-top: 4px;
        margin-right: 22px;
        line-height: 35px;
    }

    .page-header .page-header-top .logo-wrapper .right {
        float: right;
        overflow: hidden;
    }

    .page-header .page-header-top .logo-wrapper .first-title {
        font-size: 1.4em;
        display: block;
    }

    .page-header .page-header-top .logo-wrapper .second-title {
        font-size: 2.5em;
        font-weight: bold;
    }

.page-header .page-header-menu .hor-menu ul li.active {
    border-top: 2px solid #f28222;
}

.page-header .page-header-menu .hor-menu ul li {
    border-top: 2px solid #36383C;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
    padding-right: 0px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a i {
    margin-left: 6px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li:not(.active) > a:hover {
    color: #ffffff;
    background: none !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    background: transparent !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a {
    background-color: #4E5966 !important;
}

@media (min-width:992px) {
    .page-header .page-header-menu .hor-menu, .page-header .page-header-menu .megaSearchBox {
        display: block !important;
    }

    .page-header-menu .container {
        display: flex;
        flex-direction: row;
        -webkit-display: flex;
        -webkit-flex-direction: row;
    }

    .page-header {
        height: 163px;
    }

        .page-header .page-header-menu .search-form {
            margin-top: 13px;
            margin-right: 30px;
        }

            .page-header .page-header-menu .search-form .input-group {
                height: 28px;
                display: block;
            }

                .page-header .page-header-menu .search-form .input-group input {
                    height: 27px;
                }

                .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
                    position: absolute;
                    left: 8px;
                    top: 8px;
                }

            .page-header .page-header-menu .search-form .input-group-btn {
                position: static;
            }
}

@media (max-width:991px) {
    /*page header*/
    .page-container {
        padding-top: 60px;
    }

    .page-header .page-header-top {
        height: auto;
        position: fixed;
        text-align: center;
        width: 100%;
        z-index: 5;
    }

    hr.style-mobile {
        border: 0;
        height: 1px;
        background: #000;
        margin-top: 5px !important;
        margin-bottom: 0px !important;
    }

    .border-mobile-searchicon {
        border-right: 1px solid #292E35;
        margin: 0px 0px 0px 0px !important;
        display: block;
        position: absolute;
        margin: 0px 0px 0px 0px;
        left: 77px;
        top: 0px;
        height: 100%;
        width: 1px;
    }

    .border-mobile-menu {
        border-right: 1px solid #292E35;
        margin: 0px 0px 0px 0px !important;
        display: block;
        position: absolute;
        margin: 0px 0px 0px 0px;
        right: 82px;
        top: 0px;
        height: 100%;
        width: 1px;
    }

    /*mobile menu*/
    .page-header .page-header-menu {
        height: auto;
        background: #393b3e;
        padding: 0;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
            background: #393b3e none repeat scroll 0% 0% !important
        }

        .page-header .page-header-menu .mobile-footer li a {
            font-size: 12px !important;
        }

    .full-width {
        width: 100%
    }

    .page-header .page-header-menu .hor-menu, .page-header .page-header-menu .megaSearchBox {
        display: none;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav {
            background: #393b3e repeat scroll 0% 0% !important;
            font-weight: bold
        }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                color: #fff !important;
                font-weight: bold
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
                    color: #fff !important;
                    font-weight: bold
                }

        .page-header .page-header-menu .hor-menu ul li.active {
            border: none
        }

            .page-header .page-header-menu .hor-menu ul li.active > a {
                background: #393b3e none repeat scroll 0% 0% !important
            }

    .page-header-menu {
        position: fixed;
        top: 60px;
        right: 0px;
        z-index: 9999
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        border: none
    }

        .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
            padding-right: 10px
        }

    /*search and menu icons (hamburger)*/
    .page-header .page-header-top .menu-search {
        display: block;
        position: absolute;
        margin: 0px 0px 0px 0px;
        left: 15px;
        top: 17px;
        width: 23px;
        height: 23px;
        background: transparent url("/images/Hacartis/sprite.png") 0 -419px;
        opacity: 0.7;
    }

    .page-header .page-header-top .menu-toggler {
        display: block;
        position: absolute;
        right: 25px;
        top: 16px;
        margin: 0px 0px 0px 0px;
        width: 23px;
        height: 23px;
        background: transparent url("/images/Hacartis/sprite.png") 0 -354px;
        opacity: 0.7;
    }

    .toggler-hover {
        background-position: 0 -386px !important;
        opacity: 1 !important;
    }

    .search-hover {
        background-position: 0 -448px !important;
        opacity: 1 !important;
    }

    .page-header .page-header-top .img-responsice-logo {
        width: 80px;
        height: auto;
        margin-top: 14px;
        position: absolute;
        left: 50px;
        top: 0px;
    }

    .page-header .page-header-top .page-logo {
        margin-left: 0px;
        margin-top: 7px;
        width: 500px !important;
        position: absolute;
        top: 1px;
        right: 38px;
    }

    .page-header .page-header-top .page-logo-mobile {
        height: 60px;
    }

    .page-header .page-header-menu .search-form {
        width: 100%
    }

    .page-header .page-header-menu .search-form {
        margin-bottom: 10px;
    }

    .page-header .search-form .input-group .input-group-btn .btn.submit {
        background: #555759 none repeat scroll 0% 0%
    }

        .page-header .search-form .input-group .input-group-btn .btn.submit:hover {
            background: #9C9E9C
        }

    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        border-bottom: none
    }

    .page-header .page-header-top {
        background: #393b3e
    }

    /*sub mobile menu*/
    .page-header .page-header-submobile {
        top: 13px;
        width: 170px;
        z-index: 1;
        right: 42px;
        background: none;
        height: 30px;
        background-repeat: no-repeat;
        background-size: cover;
        position: fixed;
        color: #fff;
    }

        .page-header .page-header-submobile img {
            display: block;
            height: auto;
            width: 55px;
            margin: 0;
            margin-top: 0px;
        }

        .page-header .page-header-submobile .left {
        }

        .page-header .page-header-submobile .right {
            position: absolute;
            top: 0
        }


    .page-header .page-header-top .page-logo .img-responsive {
        max-height: 46px;
    }

    .page-header .page-header-top .page-logo .mainText {
        white-space: nowrap;
        padding: 0;
    }

        .page-header .page-header-top .page-logo .mainText .mainTitle {
            font-size: 16px;
            margin: 5px 0 0 0;
        }

        .page-header .page-header-top .page-logo .mainText .subTitle {
            font-size: 27px;
        }


    .page-header .page-header-top .logo-wrapper .left {
        margin: 0;
        float: none;
        overflow: hidden;
        right: 100px;
        top: -2px;
        position: absolute;
        line-height: 12px;
        width: 250px;
        text-align: right;
    }
}

@media (max-width:767px) {
    .page-header .page-header-submobile {
        right: 65px;
        top: 11px;
    }

    .page-header .page-header-top .logo-wrapper .left {
        right: 70px;
        top: 4px;
    }
}

@media (max-width:500px) {
    .page-header .page-header-top .logo-wrapper .left {
        right: 52px;
        top: 1px;
        line-height: 12px;
    }

    .page-header .page-header-top .menu-toggler {
        right: 10px;
    }

    .page-header .page-header-top .menu-search {
        left: 11px;
    }

    .page-header .page-header-top .img-responsice-logo {
        width: 61px;
        left: 43px;
        top: 5px;
    }

    .page-header .page-header-top .page-logo .img-responsive.spacer {
        padding: 0 2px;
    }

    .page-header .page-header-top .page-logo {
        right: 20px;
    }

        .page-header .page-header-top .page-logo .logo {
        }

        .page-header .page-header-top .page-logo .mainText {
        }

        .page-header .page-header-top .page-logo .mainTitle {
        }

        .page-header .page-header-top .page-logo .subTitle {
        }
}

@media (max-width:560px) {
    .page-header .page-header-top .logo-wrapper .left {
        right: 50px;
        max-width: 130px;
    }

    .page-header .page-header-top .page-logo {
        width: 270px !important;
        top: 1px;
        right: 18px;
    }

        .page-header .page-header-top .page-logo .img-responsive.spacer {
            display: none;
        }

        .page-header .page-header-top .page-logo .logo {
        }

        .page-header .page-header-top .page-logo .mainText {
        }

            .page-header .page-header-top .page-logo .mainText .mainTitle {
                font-size: 12px;
            }

            .page-header .page-header-top .page-logo .mainText .subTitle {
                font-size: 12px;
            }
}

@media (max-width:380px) {
    .page-header .page-header-top .page-logo {
        width: 270px !important;
        top: 1px;
        right: 18px;
    }

        .page-header .page-header-top .page-logo .logo {
        }

        .page-header .page-header-top .page-logo .mainText {
        }

            .page-header .page-header-top .page-logo .mainText .mainTitle {
                font-size: 8px;
            }

            .page-header .page-header-top .page-logo .mainText .subTitle {
                font-size: 12px;
            }
}

/*#endregion*/

/*#region content */
.page-content {
    background: #fff !important;
    padding: 0px 0px 0px 0px
}
/*#endregion*/

/*#region footer */
.page-prefooter {
    background: #fff;
    color: #383a3d;
}

.page-footer ul {
    padding-right: 0px;
    margin-right: 0px
}

    .page-footer ul li {
        display: inline;
    }

.page-footer li + li::before {
    content: " | ";
}

.page-footer li.accessability-icon::before {
    content: "";
}

.page-footer .accessability-icon {
    position: absolute;
    left: 177px;
    top: 1px
}

.page-footer {
    padding: 27px 0;
    font-size: 14px
}

    .page-footer a {
        color: #fff;
        border-right: 1px solid #fff;
    }

        .page-footer a:first-child {
            border-right: none;
        }

.footerButs {
    margin-top: 40px
}

    .footerButs .btn {
        white-space: normal;
        padding-right: 50px;
        font-size: 16px;
        text-align: right;
        position: relative;
        display: block;
        background: #F8F8F5;
        border-left: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
    }

        .footerButs .btn i {
            position: absolute;
            left: 10px;
            top: 15px;
        }

        .footerButs .btn span {
            width: 33px;
            height: 28px;
            display: block;
            position: absolute;
            right: 10px;
            top: 5px;
        }

.page-footer {
    color: #fff;
}

@media (max-width:991px) {
    .footerButs .btn {
        margin-bottom: 10px;
    }

    .scroll-to-top {
        left: 46%;
        bottom: 14px;
    }

        .scroll-to-top > i {
            font-size: 42px;
        }
}

@media (max-width:570px) {
    .footerButs .col-xs-6 {
        width: 100% !important;
    }

    .page-footer .rights {
        font-size: 0.85em;
    }

    .footerButs {
        margin-top: 0
    }
}
/*#endregion*/

/*#region HatavaHotFormIFrame */
#hatavaHotForm .divHatavaHot {
    direction: rtl;
}

    #hatavaHotForm .divHatavaHot label {
        font-weight: 400;
    }

    #hatavaHotForm .divHatavaHot .areaphone-container {
        display: flex;
    }

    #hatavaHotForm .divHatavaHot #phone {
        width: 97%;
    }

    #hatavaHotForm .divHatavaHot .divAreaPhone {
        width: 38%;
    }

    #hatavaHotForm .divHatavaHot #email {
        direction: ltr;
    }

    #hatavaHotForm .divHatavaHot .divCaptcha {
        width: 50%;
        margin: 0 auto;
    }

    #hatavaHotForm .divHatavaHot #CaptchaSection {
        display: inline-block;
        margin-top: 10px;
    }

        #hatavaHotForm .divHatavaHot #CaptchaSection .CaptchaDescription {
            margin-bottom: 5px;
        }

    #hatavaHotForm .divHatavaHot .divCaptchaText {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
    }

    #hatavaHotForm .divHatavaHot .LBD_CaptchaDiv .LBD_CaptchaIconsDiv {
        margin-top: -6px !important;
        margin-right: 3px !important;
    }

        #hatavaHotForm .divHatavaHot .LBD_CaptchaDiv .LBD_CaptchaIconsDiv img {
            height: 17px;
        }

    #hatavaHotForm .divHatavaHot .CaptchaControl {
        display: inline-block;
    }

    #hatavaHotForm .divHatavaHot #SubmitFormButton {
        width: 170px;
        background-color: #F87E0C;
        color: white;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 30px;
    }

@media (max-width:1095px) {
    #HatavaHotFormIFrame {
        height: 350px;
    }
}

@media (max-width:870px) {
    #HatavaHotFormIFrame {
        height: 500px;
    }
}
/*#endregion*/

/*#region HatavaTenderFormIFrame */

/*#endregion*/

/*#region hatava page */
.hatava-page .captcha-error {
    display: none;
    font-size: 0.9em;
    color: #a94442;
}

.hatava-page .phone-text {
    display: inline-block;
    direction: ltr;
}

.hatava-page .text {
    background: #F1F1EE;
    padding: 30px;
    min-height: 345px;
}

.hatava-page .hatava-name {
    display: inline-block;
}

.hatava-page .text ul > li {
    padding: 0 20px 0 0;
}

.hatava-page .text ul {
    margin: 0;
    padding: 0;
}

.hatava-page .online-link {
    position: absolute;
    bottom: 15px;
    right: 7%;
    width: 85%;
}

.hatava-page .tiles {
    margin-top: 17px;
    margin-bottom: 17px;
}

    .hatava-page .tiles .tile.double {
        width: 100% !important;
    }

    .hatava-page .tiles .bg-grey-tiles {
        border: none !important;
        background-image: none !important;
        background-color: #F1F1EF !important;
        color: #3A3C3F !important;
    }

    .hatava-page .tiles .tile {
        line-height: 85px;
        position: relative;
        height: 80px !important;
        margin: 0 0 15px 0;
        font-size: 1.3em;
    }

        .hatava-page .tiles .tile a {
            display: block;
            color: #000;
            padding-right: 35px;
        }

            .hatava-page .tiles .tile a:hover, .hatava-page .tiles .tile a:hover:visited,
            .hatava-page .tiles .tile a:focus, .hatava-page .tiles .tile a:focus:visited {
                color: #e16900;
                text-decoration: none;
            }

        .hatava-page .tiles .tile .icon {
            width: 57px;
            height: 57px;
            display: block;
            position: absolute;
            left: 25px;
            top: 12px;
        }

    .hatava-page .tiles .business-url .icon {
        background: url("/images/Hacartis/sprite.png") -23px -522px;
    }

.hatava-page .hatava-pic img {
    border: 1px solid #e16900;
}

.hatava-page .page-title img.logo {
    border: 1px solid #e16900;
}

@media (min-width:769px) {
    .tiles .tile.business-phone {
        cursor: auto;
    }

        .tiles .tile.business-phone a {
            pointer-events: none;
        }
}

.hatava-page .tiles .business-phone .icon {
    background: url("/images/Hacartis/sprite.png") -23px -579px;
}

.hatava-page .tiles .business-branches .icon {
    background: url("/images/Hacartis/sprite.png") -23px -638px;
}

.hatava-page .page-title {
    position: relative;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #D3D3D3;
    margin: 0 0 18px;
    padding: 0;
    padding-left: 216px;
    color: #e16900
}
/*.hatava-page .page-title.with-logo {padding-left:0;}
.hatava-page .page-title.with-logo h1 {width: 100%;display: table;position: absolute;bottom: 0;margin: 0;right: 70px;height: 60px;padding-left: 270px;}
.hatava-page .page-title.with-logo h1 div {display: table-cell;vertical-align: middle;}*/
.hatava-page .logo {
    float: right;
    width: 55px;
    height: 55px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.hatava-page .form-group label, .hatava-page .form-group.has-error .help-block {
    font-size: 0.9em;
}

.hatava-page .kod {
    border: 2px solid #E57B1E;
    margin-top: 17px;
    margin-bottom: 17px;
    padding: 17px 27px 0px 27px;
}

.hatava-page .usage-full.kod {
    padding: 27px;
    font-size: 1.6em;
}

.hatava-page .kod .orange.btn {
    color: #fff;
    background: #F87E0C;
    margin-top: 24px;
    width: 100%;
    margin-bottom: 10px;
}

button#recoverHatava {
    margin-top: -35px;
}

.hatava-page .kod .phone {
    width: 58%;
    display: inline-block;
    float: right;
    direction: rtl;
}

.hatava-page .kod .area {
    width: 38%;
    display: inline-block;
    vertical-align: top;
    float: left;
    direction: rtl;
}

.hatava-page .share-links {
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    right: 25px;
    background-color: #fff;
    opacity: 0.9;
    padding: 10px 2px;
}

    .hatava-page .share-links a.icon {
        background-color: #FD7D06;
        margin: 0 5px;
        padding: 4px 5px;
        color: #fff;
        position: relative;
        padding-right: 25px;
    }

.hatava-page .fb-like {
    position: absolute;
    left: 83px;
    top: -3px;
}

.hatava-page a.icon i {
    position: absolute;
    right: 6px;
    top: 3px;
}

.hatava-page a.icon:hover, .hatava-page a.icon:hover:visited, .hatava-page a.icon:focus,
.hatava-page a.icon:focus:visited {
    text-decoration: none;
    opacity: 0.8;
}

.hatava-page .share-links.no-mobile {
    padding: 0;
    top: 22px;
    left: 0;
    opacity: 1;
    right: auto;
}

    .hatava-page .share-links.no-mobile a.icon {
        margin-left: 0;
    }

.hatava-page form {
    min-height: 165px;
}

.hatava-page .hatava-kod-title {
    font-size: 20px;
    margin-bottom: 15px
}

.hatava-page .kod form .row {
    margin-right: -10px;
    margin-left: -10px;
}

    .hatava-page .kod form .row > div {
        padding-right: 10px;
        padding-left: 10px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .hatava-page .kod select {
        padding-right: 0;
    }
}

@media (max-width:991px) {
    .hatava-page .kod {
        padding-bottom: 20px;
    }

        .hatava-page .kod .phone {
            width: 74%;
        }

        .hatava-page .kod .area {
            width: 24%;
            float: left;
        }
}

@media (max-width:767px) {
    .hatava-page .text {
        min-height: inherit;
        padding: 20px;
    }

        .hatava-page .text.with-online {
            padding-bottom: 80px;
        }

    .hatava-page .page-title {
        padding-left: 0;
    }

    .hatava-page .logo {
        display: inline-block;
        margin-left: 15px;
        float: none;
    }

    .hatava-page .page-title h1 {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        margin: 0;
        width: 82%;
    }
    /*.hatava-page .share-links.no-mobile {display:none;}*/
    /*.hatava-page .share-links {padding-right:129px;}*/
    .hatava-page .addthis-wrapper-mobile {
        text-align: left;
        margin-bottom: 4px;
    }

    .hatava-page .fb-like {
        left: auto;
        right: 7px;
        top: 7px;
    }

    .hatava-page .mainPic {
        margin-bottom: 15px;
    }

        .hatava-page .mainPic img {
            margin: 0 auto;
        }

    .hatava-page .kod .form-group.phone-wrapper {
        padding-bottom: 0;
    }

    button#recoverHatava {
        margin-top: 5px
    }

    .hatava-page .usage-full.kod {
        padding: 27px 27px 50px 27px
    }
}

@media (max-width:480px) {
    .hatava-page .page-title h1 {
        width: 72%;
    }

    .g-recaptcha > div > div {
        width: inherit !important;
        position: relative;
        display: block;
        padding: 0;
        overflow: hidden;
        max-width: 302px;
        border-left: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: 2px 0px 4px -1px rgba(0,0,0,.08);
        -webkit-box-shadow: 2px 0px 4px -1px rgba(0,0,0,.08);
        -moz-box-shadow: 2px 0px 4px -1px rgba(0,0,0,.08)
    }

    .g-recaptcha iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .g-recaptcha > div {
        position: relative
    }

    .g-recaptcha:empty:before {
        content: 'משהו השתבש'
    }
}

@media (max-width:420px) {
    .hatava-page .kod .phone {
        width: 63%;
    }

    .hatava-page .kod .area {
        width: 34%;
    }

    .hatava-page .share-links {
        padding-right: 0;
    }
}

@media (max-width:320px) {
    .hatava-page .online-link {
        position: absolute;
        bottom: 15px;
        width: 74%;
    }
}

.hatava-page .kod .form-group .idtxt {
    width: 79% !important
}

.hatava-page .kod .form-group .credittxt {
    width: 83% !important
}

.hatava-page .kod .form-group {
    margin-bottom: 0;
    padding-bottom: 15px;
    position: relative;
}

.hatava-page .validationContainer {
    position: absolute;
    bottom: -12px;
}

.hatava-page .kod .kod-number {
    background: url("/css/images/i_arrow.png") right center;
    font-size: 20px;
    background-repeat: no-repeat;
    padding-right: 75px
}

.hatava-page .kod .kod-pass {
    background: url("/css/images/i_man.png") right center;
    font-size: 20px;
    background-repeat: no-repeat;
    padding-right: 75px;
    font-weight: bold
}

.hatava-page .kod-results {
    font-size: 1.5em;
    border: 2px solid #E57B1E;
    margin-top: 17px;
    margin-bottom: 17px;
    padding: 27px 15px;
    display: none;
    overflow: hidden;
}

    .hatava-page .kod-results .text {
        padding: 0px;
        min-height: 0px;
    }

    .hatava-page .kod-results .sent-phone {
        position: relative;
    }

        .hatava-page .kod-results .sent-phone .icon {
            background: url("/images/Hacartis/sprite.png");
            background-repeat: no-repeat;
            background-position: -23px -994px;
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 57px;
            height: 58px;
        }

        .hatava-page .kod-results .sent-phone .text {
            background: #fff;
            padding-right: 68px
        }

        .hatava-page .kod-results .sent-phone .phone-num {
            font-weight: bold
        }

    .hatava-page .kod-results .sent-mail {
        position: relative;
    }

        .hatava-page .kod-results .sent-mail .text {
            background: #fff;
        }

        .hatava-page .kod-results .sent-mail .mail-addr {
            font-weight: bold
        }

    .hatava-page .kod-results .kod-personal .kod-hatava {
        font-weight: bold;
    }

    .hatava-page .kod-results .kod-show {
        position: relative;
        font-weight: bold;
        width: 32%;
    }

        .hatava-page .kod-results .kod-show a {
            color: #000;
            text-decoration: underline;
        }

            .hatava-page .kod-results .kod-show a:focus, .hatava-page .kod-results .kod-show a:focus:visited,
            .hatava-page .kod-results .kod-show a:hover, .hatava-page .kod-results .kod-show a:hover:visited {
                color: #FD7D06;
            }

        .hatava-page .kod-results .kod-show .icon {
            background: url("/images/Hacartis/sprite.png");
            background-repeat: no-repeat;
            background-position: -23px -936px;
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 57px;
            height: 58px;
        }

        .hatava-page .kod-results .kod-show .text {
            background: #fff;
            padding-right: 68px
        }

    .hatava-page .kod-results .col-phone {
        padding-left: 0px
    }

    .hatava-page .kod-results .col-mail {
        padding-right: 0px
    }

    .hatava-page .kod-results .form-data {
        display: inline;
    }

.hatava-page .result-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

    .hatava-page .result-wrapper.sent-phone {
        width: 23%;
    }

    .hatava-page .result-wrapper.sent-mail {
        width: 30%;
    }

.hatava-page .kod-results .col-xs-6 {
    float: none;
    width: auto;
}

.hatava-page .kod-results .kod-personal .icon {
    background: url("/images/Hacartis/sprite.png");
    background-repeat: no-repeat;
    background-position: -23px -1344px;
    position: absolute;
    top: 0px;
    right: 9px;
    display: none;
    width: 57px;
    height: 58px;
}

@media all and (max-width: 1199px) {
    .hatava-page .result-wrapper.kod-show {
        width: 32%;
        padding: 0;
        margin: 0;
    }
}

@media all and (max-width: 1000px) {
    .hatava-page .result-wrapper.sent-mail {
        width: 100%;
    }

    .hatava-page .kod-results .kod-personal, .hatava-page .kod-results .sent-mail, .hatava-page .kod-results .kod-show {
        font-size: 1em;
    }

    .hatava-page .kod-results .sent-phone {
        position: static;
    }

    .hatava-page .kod-results .form-data {
        height: 58px;
        line-height: 18px;
        position: relative;
        padding-right: 80px;
        display: inline-block;
        width: 50%;
    }

    .hatava-page .result-wrapper.sent-phone {
        width: auto;
    }

    .hatava-page .kod-results .col-xs-6 {
        float: right;
        width: 50%;
    }

    .hatava-page .result-wrapper {
        width: auto;
        display: block
    }

    .hatava-page .kod-results .sent-phone .text {
        padding-right: 0
    }

    .hatava-page .kod-results .sent-phone {
        font-size: 1em;
    }

        .hatava-page .kod-results .sent-phone .icon {
            right: 10px;
            top: 0;
        }

    .hatava-page .result-wrapper.kod-show {
        display: inline-block;
        width: 45%;
    }

    .hatava-page .kod-results .kod-show .text {
        padding-right: 70px;
        line-height: 15px;
        margin-top: 6px;
    }

    .hatava-page .kod-results {
        font-size: 1.2em;
        padding: 15px 5px;
    }

    .hatava-page .result-wrapper div {
        display: inline-block;
    }

    .hatava-page .kod-results .kod-show .text {
        margin-top: 14px;
    }
}

@media all and (max-width: 700px) {

    .hatava-page .kod-results .sent-mail {
        padding-right: 80px;
    }

        .hatava-page .kod-results .sent-mail .text div {
            display: inline;
        }

    .hatava-page .kod-personal {
        position: relative;
        height: 70px;
        position: relative;
        padding-right: 80px;
        padding-top: 18px;
    }

    .hatava-page .kod-results .kod-personal .icon {
        display: block;
    }

    .hatava-page .kod-results .sent-phone {
        height: 58px;
        padding-top: 10px;
        font-size: 1em;
        margin-top: 10px;
        padding-right: 80px;
        position: relative;
    }

    .hatava-page .result-wrapper.kod-show, .hatava-page .kod-results .form-data {
        height: auto;
        padding-right: 0;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .hatava-page .result-wrapper.kod-show {
        padding-right: 10px;
        margin-top: 20px;
    }

    .hatava-page .kod-results .kod-show .icon {
        right: 10px;
    }
}

@media all and (max-width: 390px) {
    .hatava-page .result-wrapper div {
        display: block;
    }

    .hatava-page .kod-results .kod-show .text {
        padding-top: 14px;
    }

    .hatava-page .kod-personal {
        padding-top: 10px;
    }

    .hatava-page .kod-results .sent-phone {
        padding-top: 2px;
    }

    .hatava-page .result-wrapper.kod-show {
        margin-top: 30px;
    }
}
/*#endregion*/

/*#region tender-page*/
#tenderContainer .tenderImGoing .big-clock {
    padding-bottom: 15px;
}

    #tenderContainer .tenderImGoing .big-clock .tenderEndsIn {
        padding: 12px;
    }

        #tenderContainer .tenderImGoing .big-clock .tenderEndsIn span {
            font-size: 24px;
            color: #E96B05;
        }

#tenderContainer .tenderImGoing .priceTicket {
    position: relative;
    height: 250px;
    background: url("/images/Hacartis/Price_ticket.png") no-repeat center center #fcfcfc;
    background-size: contain;
}

    #tenderContainer .tenderImGoing .priceTicket .txtSalePrice {
        position: absolute;
        color: Gray;
        font-size: 18px;
        left: calc(50% - 83px);
        top: 30%;
        transform: rotate(6deg);
        font-weight: 400;
    }

    #tenderContainer .tenderImGoing .priceTicket .salePrice {
        position: absolute;
        color: #E96B05;
        font-weight: bold;
        font-size: 30px;
        left: calc(50% - 106px);
        top: 36%;
        transform: rotate(6deg);
        font-weight: 800;
    }

    #tenderContainer .tenderImGoing .priceTicket .originalPrice {
        position: absolute;
        color: Gray;
        font-size: 18px;
        left: calc(50% - 105px);
        top: 56%;
        transform: rotate(6deg);
        font-weight: 400;
    }

    #tenderContainer .tenderImGoing .priceTicket.discountCoupon {
        position: relative;
        height: 250px;
        background: url("/images/Hacartis/Price_ticket_discount.png") no-repeat center center #fcfcfc;
        background-size: contain;
    }

        #tenderContainer .tenderImGoing .priceTicket.discountCoupon .txtSalePrice {
            position: absolute;
            color: Gray;
            font-size: 30px;
            left: calc(45% - 103px);
            top: 30%;
            transform: rotate(6deg);
            font-weight: 400;
        }

        #tenderContainer .tenderImGoing .priceTicket.discountCoupon .salePrice {
            position: absolute;
            color: #E96B05;
            font-weight: bold;
            font-size: 50px;
            left: calc(50% - 125px);
            top: 36%;
            transform: rotate(6deg);
            font-weight: 800;
            padding-top: 15px;
        }

    #tenderContainer .tenderImGoing .priceTicket.smallClockCaptcha {
        height: 340px;
    }

#tenderContainer .tenderPriceDown {
    text-align: center;
}

#tenderContainer .tenderPriceDown {
    background-color: #f1f1ee;
}

    #tenderContainer .tenderPriceDown .priceDownRemain {
        padding: 10px;
    }

        #tenderContainer .tenderPriceDown .priceDownRemain span {
            font-size: 24px;
            color: #E96B05;
        }

    #tenderContainer .tenderPriceDown .currentPrice {
        font-size: 19px;
        color: #4f5a66;
        background-color: white;
        width: 32%;
        display: inline-block;
        line-height: 22px;
        padding: 5px;
    }

        #tenderContainer .tenderPriceDown .currentPrice span {
            font-weight: 800;
        }

        #tenderContainer .tenderPriceDown .currentPrice div {
            font-weight: 400;
        }

    #tenderContainer .tenderPriceDown .small-clock {
        background-color: #fcfcfc;
        padding-top: 17px;
    }

        #tenderContainer .tenderPriceDown .small-clock.smallClockCaptcha {
            padding-top: 67px;
            padding-bottom: 50px;
        }

#tenderContainer .tenderGoNoGo .subTitle {
    color: #4f5a65;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
}

#tenderContainer .tenderGoNoGo .currParticipents {
    color: #4f5a65;
    font-size: 16px;
    background-color: white;
    text-align: center;
    font-weight: normal;
    line-height: 20px;
    padding: 6px;
    width: 130px;
    margin: auto;
}

    #tenderContainer .tenderGoNoGo .currParticipents span {
        display: block;
    }

    #tenderContainer .tenderGoNoGo .currParticipents .numParticipents {
        font-size: 22px;
        font-weight: bold;
    }

#tenderContainer .tenderGoNoGo .clock-area {
    padding: 13px 0;
    background-color: white;
    text-align: center;
}

#tenderContainer .tenderGoNoGo .small-clock.smallClockCaptcha {
    padding-top: 67px;
    padding-bottom: 50px;
}

#tenderContainer .ribbon {
    font-size: 15px !important;
    width: auto;
    max-width: 320px;
    height: 60px;
    position: absolute;
    background-color: #E96B05;
    color: #fff;
    text-align: center;
    right: 5px;
    top: 40px;
    padding: 14px 20px;
    z-index: 1;
    min-height: 72px;
    display: flex;
    align-items: center;
}

    #tenderContainer .ribbon:after {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #E96B05;
        border-width: 37px;
        top: 75%;
        margin-top: -55px;
    }

    #tenderContainer .ribbon .ribbon-content:after {
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
        border-color: #999 transparent transparent transparent;
        bottom: -10px;
        right: 0;
        border-width: 10px 10px 0 0;
    }

    #tenderContainer .ribbon .ribbon-content {
        padding-right: 15px;
        text-align: right;
        overflow: hidden;
        max-height: 75px;
        font-size: 22px;
        line-height: 24px;
    }

#tenderContainer #leftContainer {
    border: 0;
    overflow: hidden;
    z-index: 2;
    height: 100%;
}

#tenderContainer .gaugeContainer {
    height: 200px;
    position: relative;
    background-color: #EFF0EE;
}

#tenderContainer .buttonContainer {
    background-color: #EFF0EE;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 1px;
}

    #tenderContainer .buttonContainer button {
        margin: 10px 0;
        width: 250px;
        font-size: 24px;
        background-color: #E96B05;
        font-weight: bold;
        color: #fff;
    }

        #tenderContainer .buttonContainer button:hover, #tenderContainer .buttonContainer button:focus {
            background-color: #e4781a;
            text-decoration: none;
            color: White;
        }

#tenderContainer .benefitContainer {
    position: relative;
    color: white;
    background-color: #EFEFF0;
    font-weight: bold;
    height: 100%;
}

#tenderContainer #goalMiniContainer {
    background-color: #FFFFFF;
    color: #4f5a65;
    width: 130px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

#tenderContainer #goalAmount {
    font-size: 22px;
    font-weight: bolder;
}

#tenderContainer #goalAmountText {
    font-size: 16px;
}

#tenderContainer .goalTitle {
    background-color: #E96B05;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 8px;
    color: #fff;
    margin: 0;
}

    #tenderContainer .goalTitle .info {
        width: 30px;
        cursor: pointer;
    }

#tenderContainer .gaugeContainer img {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -48px;
}

#tenderContainer .yaad span {
    color: #5f6770;
    text-align: center;
    font-size: 24px;
}

#tenderContainer .yaad {
    text-align: center;
}

#tenderContainer img.hatavaImg {
    height: 100%;
    width: 100%;
}

#tenderContainer .p-15 {
    padding: 15px;
}

#tenderContainer #tenderTitle {
    color: #db6f1a;
    display: inline-block;
}

#tenderContainer #tenderOriginalPrice {
    color: #db6f1a;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    margin-right: 8px;
}

#tenderContainer #phoneContainer {
    display: flex;
    justify-content: space-between;
}

    #tenderContainer #phoneContainer #areaCode {
        width: 28%;
    }

    #tenderContainer #phoneContainer #phone {
        width: 69%;
    }

#tenderContainer form #tenderForm .form-group {
    width: 90%;
    margin: 0 auto 22px auto;
}

    #tenderContainer form #tenderForm .form-group.lead-from-captcha {
        margin-right: 22px;
    }

    #tenderContainer form #tenderForm .form-group input, form #tenderContainer #tenderForm .form-group select {
        background-color: #f8f8f8;
        color: #4c565e;
        border: none;
    }

#tenderContainer #closeForm {
    height: 47px;
    position: relative;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    text-align: center;
}

#tenderContainer #closeFormTitleContainer {
    margin: 0 15% 0 auto;
    text-align: right;
}

#tenderContainer #closeForm #closeFormTitle {
    font-weight: bold;
    font-size: 15px;
}

#tenderContainer #closeForm #closeTenderFormX {
    text-indent: -9999;
    background-image: url("/images/Hacartis/closeX.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    right: 10px;
    top: 10px;
    width: 25px;
    position: absolute;
    cursor: pointer;
    border: 0;
}

    #tenderContainer #closeForm #closeTenderFormX:hover, #tenderContainer #closeForm #closeTenderFormX:focus {
        color: Black;
    }

#tenderContainer #closeForm span {
    line-height: 45px;
}

#tenderContainer #tenderForm {
    z-index: 999;
    position: absolute;
    left: -500px;
    background-color: white;
    width: calc(100% - 15px);
    height: 100%;
    border: 1px solid lightgray;
    right: 490px;
    opacity: 0;
    visibility: hidden;
}

    #tenderContainer #tenderForm.horizTranslate {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    #tenderContainer #tenderForm.horizTranslate_back {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        right: 900px;
        opacity: 0;
        visibility: hidden;
    }

#tenderContainer .benefitContainer img {
    margin: 0 auto;
}

#tenderContainer #tenderDetails {
    color: #E96B05;
    font-size: 15px;
    font-weight: bold;
}

#tenderContainer #tenderTitle {
    font-size: 28px;
    font-weight: bold;
}

#tenderContainer #tenderForm #passportDetailsContainer {
    display: flex;
    justify-content: space-between;
}

    #tenderContainer #tenderForm #passportDetailsContainer select, #passportDetailsContainer input {
        height: 34px;
        width: 97%;
    }

#tenderContainer #tenderForm #idTypeRadioContainer {
    display: flex;
    margin-bottom: 10px;
}

#tenderContainer #tenderForm .idTypeSelectionContainer {
    display: flex;
    margin-left: 20px;
    position: relative;
    top: 10px;
}

    #tenderContainer #tenderForm .idTypeSelectionContainer input {
        margin-left: 10px;
    }

#tenderContainer #tenderForm .form-group label {
    font-size: 1.1em !important;
}

#tenderContainer #tenderForm .form-group #readRulesAndAgreed {
    position: relative;
    margin: 0 0 0 10px;
}

#tenderContainer #phoneContainer #phone {
    width: 100%;
}

#tenderContainer #phoneContainer #areaCode {
    width: 100%;
    height: 34px;
}

#tenderForm .tenderValidationContainer {
    position: absolute;
    color: Red;
}

#tenderForm #passportDetailsContainer {
    display: flex;
}

#tenderForm .passportContainer {
    position: relative;
    width: 50%;
}

    #tenderForm .passportContainer select {
        float: left;
    }

#tenderForm #passportDetailsContainer .tenderValidationContainer {
    bottom: -20px;
}

#tenderForm .phoneContainer input, #tenderForm .phoneContainer select {
    width: 100%;
}

#tenderForm .phoneContainer input {
    width: 100%;
}

#tenderForm .form-group .checkbox {
    margin-bottom: 0;
}

#tenderContainer #tenderForm .cc {
    display: inline-block;
    width: 54%;
}

    #tenderContainer #tenderForm .cc input {
        width: 97%;
    }

#tenderContainer #tenderForm .mail {
    display: inline-block;
    width: 45%;
}

.opaceBackgroundOnSubmit:before {
    background-color: #fff;
    opacity: 0.6;
    content: '';
    top: 0;
    z-index: 9999;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}

#leftContainer .page-spinner-bar {
    position: absolute;
}

#leftContainer .tenderJoinPopUp {
    width: 65%;
    border: 1px solid lightgrey;
    z-index: 9999;
    left: 50%;
    top: 50%;
    padding: 10px;
    position: absolute;
    background-color: white;
    transform: translate(-50%,-50%);
}

#leftContainer #tenderJoinSuccess {
    width: 75%;
}

#leftContainer .closeNotCustomerIcon {
    font-size: 18px;
    float: left;
    display: block;
    cursor: pointer;
    background-color: transparent;
    border: 0;
}

    #leftContainer .closeNotCustomerIcon:hover {
        color: Black;
    }

#leftContainer .closeNotCustomerMsg {
    font-size: 25px;
    margin-top: 40px;
    text-align: center;
    font-weight: bold;
}

#leftContainer .closeNotCustomerMsgAgain {
    font-size: 19px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 25px;
}

    #leftContainer .closeNotCustomerMsgAgain span {
        display: block;
    }

#leftContainer #leftContainer #noMoreCuponsPopUp #noMoreCuponsButton {
    color: White;
    background-color: #E96B05;
    text-align: center;
    border: none;
    width: 80%;
    font-weight: bold;
    font-size: 20px;
}

#leftContainer #leftContainer #noMoreCuponsPopUp {
    text-align: center;
    height: 40%;
}

    #leftContainer #leftContainer #noMoreCuponsPopUp .closeNotCustomerMsg {
        margin-top: 22px;
    }

#leftContainer #tenderJoinSuccess .tenderSummaryTitles {
    font-weight: bold;
}

#leftContainer #tenderJoinSuccess .orangeText {
    color: #E96B05
}

#leftContainer #tenderJoinSuccess i.orangeText {
    font-size: 27px;
}

#leftContainer #tenderJoinSuccess #tenderJoinSuccessTitle {
    font-size: 21px;
    text-align: center;
}

#leftContainer #tenderJoinSuccess #personalCodeIconTender {
    font-size: 30px;
    position: relative;
    top: 34px;
    right: -9px;
}

#leftContainer #tenderJoinSuccess #mobileIconTender {
    font-size: 44px;
    position: relative;
    top: 33px;
    right: -6px;
}

#leftContainer #tenderJoinSuccess #emailIconTender {
    font-size: 26px;
    position: relative;
    top: 35px;
    right: -9px;
}

#leftContainer #tenderSummaryContainer {
    font-size: 16px;
    padding: 0 30px;
    z-index: -1;
    margin-bottom: 20px;
}

#tenderSuccessFooter {
    text-align: center;
    font-size: 17px;
    margin-bottom: 10px;
}

#leftContainer #tenderSummaryContainer .col-xs-11 {
    right: 45px
}

#leftContainer #tenderJoinSuccess .col-xs-11 p {
    margin: 0 0 5px 0 !important;
}

#leftContainer #tenderSuccessFooter a {
    text-decoration: underline;
}

#leftContainer .thankYouButtonContainer {
    text-align: center;
    margin-bottom: 20px;
}

    #leftContainer .thankYouButtonContainer .nextHatavaButton {
        background-color: #e4781a;
        border: 0;
        padding: 10px 35px;
        margin: 15px;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }

#leftContainer .tenderJoinPopUp .notValidDataButton {
    background-color: #e4781a;
    border: 0;
    padding: 10px 35px;
    margin: 15px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

    #leftContainer .tenderJoinPopUp .notValidDataButton:hover, #leftContainer .tenderJoinPopUp #noMoreCuponsButton {
        background-color: #e4781a;
    }

#leftContainer #tenderDetailsContainer {
    margin-top: 10px;
}

#leftContainer #phoneNumberContainer {
    width: 60%;
    direction: rtl;
}

#leftContainer #phoneAreaContainer {
    width: 35%;
    direction: rtl;
}

#leftContainer .tenderJoinPopUp a.notValidDataButton {
    text-decoration: none;
}
/*floating join tender button on mobile*/
#tenderContainer .joinTenderonMobileContainer {
    position: fixed;
    bottom: 0;
    z-index: 999999999;
    text-align: center;
    width: calc(100% - 30px);
}

    #tenderContainer .joinTenderonMobileContainer .joinTenderonMobileButton {
        box-shadow: 0 0 10px #000;
        background-color: #E96B05;
        border: 0;
        color: white;
        font-size: 34px;
        width: 85%;
        padding: 5px;
        font-weight: bold;
    }

@media (min-width: 992px) {
    #tenderContainer .tenderCol {
        height: 570px;
    }

        #tenderContainer .tenderCol.tenderColCaptcha {
            height: 670px;
        }

    #tenderContainer .noPaddingLeft {
        padding-left: 0;
    }

    #tenderContainer .noPaddingRight {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    #tenderContainer .benefitContainer {
        height: auto;
    }

    #tenderContainer img.hatavaImg {
        height: auto;
    }

    #tenderContainer #goalMiniContainer {
        flex-direction: row;
        width: 100%;
        background-color: inherit;
    }

    #tenderContainer .yaad span {
        color: #DB6F1A;
    }

    #tenderContainer .tenderCol {
        height: 568px;
    }

        #tenderContainer .tenderCol.tenderColCaptcha {
            height: 660px;
        }

    #tenderContainer #tenderForm {
        margin: 0 15px;
        border: 0;
        width: calc(100% - 30px);
    }

    #tenderContainer .buttonContainer {
        position: static;
    }

    #tenderContainer form {
        overflow: inherit;
    }

    /*success tender registration popup*/
    #leftContainer #tenderJoinSuccess .tenderSummaryTitles {
        font-weight: bold;
    }

    #leftContainer #tenderJoinSuccess .orangeText {
        color: #E96B05
    }

    #leftContainer #tenderJoinSuccess i.orangeText {
        font-size: 27px;
    }

    #leftContainer #tenderJoinSuccess #personalCodeIconTender {
        font-size: 34px;
        position: relative;
        top: 26px;
        right: -6px;
    }

    #leftContainer #tenderJoinSuccess #mobileIconTender {
        font-size: 50px;
        position: relative;
        top: 26px;
        right: -3px;
    }

    #leftContainer #tenderJoinSuccess #emailIconTender {
        font-size: 35px;
        position: relative;
        top: 26px;
        right: -6px;
    }

    #leftContainer #tenderSummaryContainer {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #tenderContainer #closeForm #closeFormTitle {
        font-size: 24px;
    }

    #tenderContainer #closeForm #closeTenderFormX {
        right: 20px;
    }

    #tenderContainer .buttonContainer button {
        margin: 20px 0;
    }
}

@media (max-width: 767px) {
    #tenderContainer .benefitContainer.fixedHeight {
        height: 520px;
    }

    #leftContainer #tenderJoinSuccess {
        width: 90%
    }

    #leftContainer .closeNotCustomerMsg {
        margin-top: 10px;
    }

    #leftContainer .tenderJoinPopUp .notValidDataButton {
        padding: 10px 15px;
        margin: 0 15px;
    }

    #tenderContainer .tenderCol.tenderColCaptcha {
        height: 640px;
    }

        #tenderContainer .tenderCol.tenderColCaptcha .tenderImGoing .big-clock {
            padding-bottom: 60px;
            padding-top: 40px;
        }
}

@media (max-width: 480px) {
    #leftContainer .tenderJoinPopUp {
        width: 80%;
    }

    #tenderContainer .joinTenderonMobileContainer .joinTenderonMobileButton {
        font-size: 30px;
    }

    #tenderSuccessFooter {
        margin-bottom: 0;
    }

    #leftContainer #tenderSummaryContainer {
        padding: 0 20px;
    }

    #leftContainer #tenderJoinSuccess #tenderJoinSuccessTitle {
        line-height: 24px;
    }
}

@media print {
    a[href]:after {
        content: none !important;
    }
}
/*#endregion*/

/*#region hatava cubes */
.hatava {
    border: 1px solid #e16900;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
}

    .hatava .fa {
        transform: initial;
    }

    .hatava:hover {
        text-decoration: none;
        opacity: 0.9;
    }

    .hatava:focus {
        text-decoration: none;
        opacity: 0.8;
        border: 1px solid #000;
    }

    .hatava .name {
        font-size: 1.2em;
    }

    .hatava .data-section {
        min-height: 65px;
        border-top: 1px solid #e16900;
        position: relative;
        color: #000;
        text-decoration: none;
        padding: 5px 5px 5px 70px;
    }

        /*.hatavot.hot .hatava .data-section{position: static}*/
        .hatava .data-section.no-percent {
            padding-left: 5px;
            min-height: 65px;
        }

    .hatava h4 {
        margin: 0;
        padding: 0;
    }

    .hatava .desc {
        font-size: 0.9em;
        line-height: 14px;
        color: #000;
    }

    .hatava .number {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #e16900;
        width: 65px;
        color: #fff;
        text-align: center;
    }

    .hatava .percents {
        font-size: 2em;
    }

.regular .hatava .percents {
    margin-top: 10px;
}

.hatava i {
    font-size: 1.4em !important;
}

.hatavot .all-hatavot, .hatava .all-hatavot:visited {
    color: #e16900;
    font-size: 14px;
    margin-right: 10px;
}

.hatavot .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
}

.hatavot .titleWrapper {
    display: flex;
    align-items: baseline;
    border-bottom: 1px #d4d4d4 solid;
    margin: 20px 0 10px 0;
}

.hatavot h3 {
    padding-bottom: 2px;
    position: relative;
    padding-right: 40px;
    margin: 0;
}

    .hatavot h3 span {
        vertical-align: top;
        margin-left: 5px;
    }

.hatavot.hot .name {
    color: #000;
    font-size: 1.8em;
    margin-bottom: 5px;
}

.hatavot.hot .desc {
    font-size: 1.2em;
}

.hatavot.hot img.img-responsive {
    max-height: 375px;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .hatavot.hot img.img-responsive {
        height: 342px;
    }
}

.hatavot.online .icon {
    background: url("/images/Hacartis/sprite.png") 67px -32px;
    top: -2px;
}

.hatavot.online h3 {
    min-height: 33px;
}

.hatavot.regular .icon {
    background: url("/images/Hacartis/sprite.png") 67px -64px;
    height: 24px;
}

.hatavot.hot .icon {
    background: url("/images/Hacartis/sprite.png") 67px 0;
    top: -7px;
}

.hatavot.hot .hatava .data-section {
    padding: 0 10px 10px;
}

.hatavot.hot .more-info {
    color: #fff;
    background-color: #e16900;
    display: block;
    text-align: center;
    padding: 5px 0;
    font-size: 1.4em;
    margin-top: 15px;
    margin-right: 10px;
}

.similar .hot .data-section {
    padding: 5px;
}

.similar h3 {
    padding: 0;
}

.hatava span.scissors {
    height: 25px;
    width: 24px;
    background: url("/images/Hacartis/sprite.png") -41px -183px;
    display: block;
    position: absolute;
    left: -11px;
    bottom: -15px;
}

.hatava .coupon-code {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    width: 100px;
    text-align: center;
    border: 1px #e16900 dashed;
    color: #e16900;
    top: -30px;
    background-color: #fff;
    padding: 3px 0;
    left: -1px;
}

/*fix buttn height in hatavot hot desktop*/
@media (min-width:567px) {
    .hatavot.hot .hatava {
        position: relative;
        padding-bottom: 65px;
    }

    .hatavot.hot .more-info {
        position: absolute;
        margin-top: 0px;
        bottom: 10px;
        width: 96%
    }
}

@media (max-width:480px) {
    .hatavot.hot .hatava {
        height: auto !important;
        position: static;
    }

    .hatavot.hot .data-section {
        position: relative;
        padding-top: 5px;
    }

    .hatavot.hot .more-info {
        color: #fff;
        background-color: #e16900;
        display: block;
        text-align: center;
        padding: 5px 0;
        font-size: 1.4em;
        margin: 10px;
    }

    .hatava {
        position: static;
    }
}

@media screen and (min-width: 481px) and (max-width: 641px) {
    .hatavot.hot .more-info {
        width: 93%
    }
}

@media screen and (min-width: 642px) and (max-width: 767px) {
    .hatavot.hot .more-info {
        width: 95%
    }
}

@media (max-width:767px) {
    .hatavot .all-hatavot {
        float: left;
        margin-top: 7px;
        width: 100px;
        text-align: left;
    }

    .hatavot.hot .name {
        font-size: 1.2em;
        margin: 0;
    }

    .hatavot.hot .desc {
        font-size: 0.9em;
    }
}

@media (max-width:480px) {
    .hatavot .col-xs-6 {
        width: 100% !important;
    }
}
/*#endregion*/

/*#region Tenders Cubes*/
.hatava.tender {
    width: 100%;
}

    .hatava.tender .divLogo {
        text-align: -webkit-center;
        padding-bottom: 15px;
        padding-top: 10px;
    }

        .hatava.tender .divLogo img {
            max-height: 80px;
        }

    .hatava.tender .data-tender {
        margin: 6px;
        text-align: center;
        background-color: #e96B05;
    }

        .hatava.tender .data-tender .title {
            line-height: 45px;
            padding: 0 25px;
            height: 50px;
            overflow: hidden;
            color: #fff;
            font-size: 36px;
            font-weight: bold;
        }

        .hatava.tender .data-tender .titleHeight {
            height: 115px;
        }

        .hatava.tender .data-tender .clubtext-wrap {
            height: 40px;
        }

        .hatava.tender .data-tender .clubtext {
            color: #fff;
            font-size: 23px;
            border-bottom: solid 1px #efb687;
            padding-bottom: 6px;
        }

        .hatava.tender .data-tender .original-price {
            height: 60px;
            color: #fae1c7;
            font-size: 28px;
        }

            .hatava.tender .data-tender .original-price .linethrough {
                color: black;
                text-decoration: line-through;
            }

            .hatava.tender .data-tender .original-price .price {
                color: #fae1c7;
                font-size: 0.8em;
            }

        .hatava.tender .data-tender .joinus {
            font-size: 30px;
            color: #e96B05;
            background-color: #fff;
            display: inline-block;
            width: 67%;
            font-weight: bold;
            margin-bottom: 35px;
            padding: 6px;
            border-radius: 13px !important;
            box-shadow: 0 0 20px 0 #333;
            -moz-box-shadow: 0 0 20px 0 #333;
            -webkit-box-shadow: 0 0 20px 0 #333;
        }

    .hatava.tender .data-timer {
        text-align: center;
        background-color: #fff;
        margin-bottom: 5px;
    }

        .hatava.tender .data-timer .ends-in {
            color: #4e5b67;
            font-size: 24px;
            padding-bottom: 5px;
        }

        .hatava.tender .data-timer .msg-tender-finished {
            margin-top: 28px
        }

            .hatava.tender .data-timer .msg-tender-finished .lostCode {
                padding-top: 10px;
            }

                .hatava.tender .data-timer .msg-tender-finished .lostCode:hover {
                    text-decoration: underline;
                }

        .hatava.tender .data-timer .timer {
            font-size: 55px;
            color: #e96B05;
            font-weight: bold;
            display: block;
            line-height: normal;
        }

            .hatava.tender .data-timer .timer > div {
                display: inline-block;
            }

            .hatava.tender .data-timer .timer .days {
                margin-right: 30px;
            }

            .hatava.tender .data-timer .timer .withColon {
                margin-left: 25px;
            }

                .hatava.tender .data-timer .timer .withColon:after {
                    content: ':';
                    font-size: 56px;
                    position: absolute;
                    left: -22px;
                    top: -6px;
                    font-family: serif;
                }

            .hatava.tender .data-timer .timer > div span {
                display: block;
            }

        .hatava.tender .data-timer .timerValue {
            line-height: 45px;
            position: relative;
        }

        .hatava.tender .data-timer .timerType {
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            margin-left: 0px;
        }

        .hatava.tender .data-timer .withColon + .timerType {
            margin-left: 25px;
        }

        .hatava.tender .data-timer .hour .timerType, .hatava .data-timer .day .timerType {
            margin: 0;
        }

@media (min-width:567px) {
    .hatavot.hot .hatava.tender {
        padding-bottom: 0px;
        margin: 0;
    }
}

@media (max-width: 567px) and (min-width:481px) {
    .hatavot.hot .more-info {
        position: absolute;
        width: 82%;
        margin: auto;
        right: 0;
        left: 0;
        bottom: 20px;
    }
}

@media (max-width:991px) {
    .hatava.tender .data-tender .joinus {
        font-size: 1.9em;
        width: 80%;
    }

    .hatava.tender .data-tender .title {
        font-size: 2.4em;
    }

    .hatava.tender .data-tender .original-price {
        font-size: 2.1em;
    }

    .hatava.tender .data-tender .titleHeight {
        height: 108px;
    }

    .hatava.tender .data-timer .msg-tender-finished {
        font-size: 20px;
    }

    .hatava.tender .data-timer .msg-tender-finished {
        margin-top: 25px;
    }
}

@media (max-width:767px) {
    .hatava.tender .divLogo img {
        max-height: 40px;
    }

    .hatava.tender .data-tender .joinus {
        font-size: 1.4em;
        width: 80%;
        margin-bottom: 20px;
    }

    .hatava.tender .data-tender .title {
        height: 35px;
        overflow: hidden;
        font-size: 1.7em;
        line-height: 32px;
    }

    .hatava.tender .data-tender .clubtext-wrap {
        height: 25px;
    }

    .hatava.tender .data-tender .titleHeight {
        height: 70px;
    }

    .hatava.tender .data-tender .clubtext {
        font-size: 16px;
    }

    .hatava.tender .data-tender .original-price {
        height: 35px;
        font-size: 22px;
    }

    .hatava.tender .data-timer .timer {
        width: 100%;
        font-size: 2.0em;
    }

        .hatava.tender .data-timer .timer .withColon:after {
            font-size: 39px;
            top: -4px;
        }

        .hatava.tender .data-timer .timer .days {
            margin-right: 10px;
        }

    .hatava.tender .data-timer .timerType {
        margin-left: 25px;
    }

    .hatava.tender .data-timer .timerValue {
        line-height: 35px;
        margin-left: 25px;
    }

    .hatava.tender .data-timer .msg-tender-finished {
        margin-top: 20px;
    }
}

@media screen and (min-width: 481px) and (max-width: 641px) {
    .hatava.tender .data-tender .clubtext {
        font-size: 14px;
    }

    .hatava.tender .data-timer .timer {
        font-size: 1.6em !important;
    }

    .hatava.tender .data-timer .timerType {
        font-size: 12px !important;
    }

    .hatava.tender .data-timer .timer .withColon:after {
        font-size: 30px !important;
        top: -3px !important;
    }

    .hatava.tender .data-tender .joinus {
        font-size: 1.2em !important;
    }

    .hatava.tender .data-timer .msg-tender-finished {
        margin-top: 13px;
    }
}

@media (max-width:480px) {
    .hatava.tender .data-timer .ends-in {
        font-size: 18px;
    }

    .hatava.tender .data-timer .msg-tender-finished {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }
}
/*#endregion*/

/*#region categories */
.slick-slider {
    display: none;
}

.slick-initialized {
    display: block;
}

.categories-wrapper {
    height: 106px;
    margin: 15px 0;
    overflow: hidden;
}

    .categories-wrapper .categories {
        border-bottom: 1px #e8e8e8 solid;
    }

    .categories-wrapper .item {
        background-color: #eaecec;
        height: 106px;
        padding: 15px 0;
    }

        .categories-wrapper .item.all-benefits .icon {
            background: url("/images/Hacartis/sprite.png") 0 -1235px;
        }

        .categories-wrapper .item.hot-hatavot {
            max-width: 100px;
            border-bottom: 1px #e8e8e8 solid;
            border-left: 1px #e6e6e6 solid;
        }
        /*.categories-wrapper .item.hot-hatavot .title { margin-top: 5px; }*/
        .categories-wrapper .item a {
            display: block;
            text-align: center;
            border-right: 1px #e2e0de solid;
            color: #36393c;
        }

        .categories-wrapper .item.hot-hatavot a {
            font-weight: bold;
        }

        .categories-wrapper .item a:hover, .categories-wrapper .item a:focus,
        .categories-wrapper .item a:hover:visited, .categories-wrapper .item a:focus:visited {
            text-decoration: none;
        }

            .categories-wrapper .item a:hover .icon, .categories-wrapper .item a:focus .icon,
            .categories-wrapper .item a:hover:visited .icon, .categories-wrapper .item a:focus:visited .icon {
                background-position: 0 -55px;
            }

        .categories-wrapper .item.all-benefits a:hover .icon, .categories-wrapper .item.all-benefits a:focus .icon,
        .categories-wrapper .item.all-benefits a:focus:visited .icon, .categories-wrapper .item.all-benefits a:hover:visited .icon {
            background-position: 0 -1290px;
        }

        .categories-wrapper .item.hot-hatavot a:hover .icon, .categories-wrapper .item.hot-hatavot a:focus .icon,
        .categories-wrapper .item.hot-hatavot a:focus:visited .icon, .categories-wrapper .item.hot-hatavot a:hover:visited .icon {
            background-position: 0 -1186px;
        }

        .categories-wrapper .item .icon {
            display: inline-block;
            width: 55px;
            height: 55px;
        }

        .categories-wrapper .item.hot-hatavot .icon {
            background: url("/images/Hacartis/sprite.png") 0 -1138px;
            width: 48px;
            height: 48px;
        }

        .categories-wrapper .item .title {
            display: block;
        }

    .categories-wrapper a.arrow.slick-arrow {
        background: url("/images/Hacartis/sprite.png") 0 -721px;
        width: 87px;
        height: 104px;
        top: 0;
        position: absolute;
        display: block;
        background-color: #f6f6f4;
    }

        .categories-wrapper a.arrow.slick-arrow:hover:visited, .categories-wrapper a.arrow.slick-arrow:focus:visited,
        .categories-wrapper a.arrow.slick-arrow:hover, .categories-wrapper a.arrow.slick-arrow:focus {
            opcaity: 0.9;
        }

    .categories-wrapper .arrow.left {
        left: 0;
    }

    .categories-wrapper a.arrow.right {
        right: -81px;
        background-position: 0 -828px;
        border-bottom: 1px #e8e8e8 solid;
        height: 106px;
    }

    .categories-wrapper .item a.category-active {
        background-color: #DDD8D4;
        margin: 0 10px;
    }

        .categories-wrapper .item a.category-active .icon {
            background-position: 0 -55px;
        }

    .categories-wrapper .item.all-benefits a.category-active .icon {
        background-position: 0 -1290px;
    }

    .categories-wrapper .item.hot-hatavot a.category-active {
        background-color: transparent;
        margin: 0;
    }

        .categories-wrapper .item.hot-hatavot a.category-active .icon {
            background-position: 0 -1186px;
        }

@media (max-width:1199px) {
    .categories-wrapper a.arrow.slick-arrow {
        width: 60px;
    }

    .categories-wrapper a.arrow.right {
        right: -58px;
        background-position-x: -16px;
    }

    .categories-wrapper a.arrow.left {
        background-position-x: -9px;
    }
}

@media (max-width:991px) {
    .categories-wrapper .item.hot-hatavot {
        max-width: none;
    }

    .categories-wrapper a.arrow.slick-arrow {
        width: 22px;
    }

        .categories-wrapper a.arrow.slick-arrow.right {
            background-position: 5px -1503px;
            right: -24px;
            z-index: 1;
        }

        .categories-wrapper a.arrow.slick-arrow.left {
            background-position: 6px -1400px;
        }
}

@media (max-width:768px) {
    /*.categories-wrapper .item.hot-hatavot { width: 124px; }*/
    .categories-wrapper .item a.category-active {
        margin: -5px 13px 0;
        padding: 5px 0;
    }
}

@media (max-width:480px) {
    .categories-wrapper .item {
        height: 77px;
        padding: 7px 0;
    }

        .categories-wrapper .item .title {
            line-height: 11px;
        }

        .categories-wrapper .item .icon {
            width: 42px;
            height: 42px;
            background-size: 100%;
        }

        .categories-wrapper .item a:hover .icon, .categories-wrapper .item a:focus .icon, .categories-wrapper .item a.category-active .icon,
        .categories-wrapper .item a:hover:visited .icon, .categories-wrapper .item a:focus:visited .icon {
            background-position: 0 -42px;
        }

        .categories-wrapper .item a.category-active {
            background-color: #eaecec
        }

        .categories-wrapper .item.hot-hatavot .icon {
            background: url("/images/Hacartis/sprite.png") -34px 0px;
            width: 33px;
            margin-left: 4px;
            height: 32px;
        }
        /*w8ing for orannge small icom*/
        .categories-wrapper .item.hot-hatavot a.category-active .icon, .categories-wrapper .item.hot-hatavot a:hover .icon {
            background-position: -34px -1577px;
        }

        .categories-wrapper .item .title {
            padding-top: 3px
        }

        .categories-wrapper .item.hot-hatavot .title {
            margin-right: 5px;
            font-size: 1em;
            text-align: center;
            padding-top: 0;
            width: 76%;
            text-align: center;
        }

    .categories-8 {
        display: none;
        padding: 0;
        padding-left: 15px;
    }

    .categories-wrapper .item.hot-hatavot {
    }

        .categories-wrapper .item.hot-hatavot a {
            padding-top: 8px;
        }

    .categories-wrapper a.arrow.slick-arrow.right {
        height: 77px;
        background-position: 5px -1524px;
    }

    .categories-wrapper a.arrow.slick-arrow.left {
        height: 77px;
        background-position: 5px -1417px;
    }

    .categories-wrapper .item.all-benefits a .icon {
        background-position: 0 -1608px;
        margin-left: 10px;
    }

    .categories-wrapper .item.all-benefits a.category-active .icon, .categories-wrapper .item.all-benefits a:hover .icon {
        background-position: 0 -1650px;
        margin-left: 10px;
    }
}

/*#endregion*/

/*#region search results */
.searchresults .results-info {
    background-color: #EAECEC;
    padding: 10px 10px 10px 10px;
    font-weight: bold
}

.searchresults .results-btn {
    background-color: #EAECEC;
    padding: 5px 5px 5px 5px;
    height: 40px
}

/*hanahot kvuot search results*/
.searchresults .hatavot.percents .icon {
    background: url("/images/Hacartis/sprite.png") 67px -63px;
    top: -2px;
    width: 32px;
    height: 25px !important;
    position: absolute;
    right: 0;
}

.searchresults .hatavot.shopping .icon {
    background: url("/images/Hacartis/sprite.png") 67px -32px;
    top: -6px;
    width: 32px;
    height: 32px !important;
    position: absolute;
    right: 0;
}

.searchresults .results {
    position: relative;
}

.searchresults .map-view {
    position: absolute;
    left: 20px;
    top: 5px;
}

    .searchresults .map-view a:hover:visited, .searchresults .map-view a:hover, .searchresults .map-view a:focus,
    .searchresults .map-view a:focus:visited {
        opacity: 0.9;
    }

.searchresults .btn {
    ;
    height: 30px;
    padding: 5px 50px;
}

.searchresults .custom-grey.btn {
    color: #fff;
    background-color: #52515A;
    position: relative
}

.searchresults .location-icon {
    position: absolute;
    top: 8px;
    right: 0;
    padding-right: 25px;
}

@media (max-width:991px) {
    .searchresults .map-view {
        left: 25px;
    }
}

@media (max-width:480px) {
    .searchresults .btn {
        padding: 5px 25px;
    }

    .searchresults .location-icon {
        padding-right: 10px;
    }
}
/*#endregion*/

/*#region MizrahiErrorPage */
.MizrahiErrorPage {
    padding: 0 135px;
}

    .MizrahiErrorPage h3 {
        font-size: 3em;
        font-weight: bold;
        color: #595959;
    }

    .MizrahiErrorPage p {
        font-size: 2em;
        margin: 30px 0;
    }

    .MizrahiErrorPage a {
        display: block;
        color: #000;
        text-decoration: underline;
        font-size: 2em;
        max-width: 175px;
    }

    .MizrahiErrorPage .help {
        display: block;
        margin-top: 30px;
        font-size: 1.8em;
        font-weight: bold;
    }

    .MizrahiErrorPage .block {
        display: block;
    }

    .MizrahiErrorPage .img-responsive {
        float: left;
    }

@media all and (max-width: 1199px) {
    .MizrahiErrorPage {
        padding: 0;
    }
}

@media all and (max-width: 767px) {
    .MizrahiErrorPage .block {
        display: inline;
    }

    .MizrahiErrorPage {
        text-align: center;
    }

        .MizrahiErrorPage a {
            max-width: 100%;
        }

        .MizrahiErrorPage .img-responsive {
            margin: 0 auto;
            float: none;
            margin-bottom: 15px;
        }
}

@media all and (max-width: 480px) {
    .MizrahiErrorPage, .MizrahiErrorPage .text {
        padding: 0;
    }

        .MizrahiErrorPage .help {
            margin-bottom: 30px;
        }

        .MizrahiErrorPage h3 {
            font-size: 2em;
        }

        .MizrahiErrorPage .help, .MizrahiErrorPage a, .MizrahiErrorPage p {
            font-size: 1.6em;
        }
}
/*#endregion*/

/*#region modal dialogs */
.modal {
    text-align: center;
}

    .modal .icon {
        background: url("/images/Hacartis/sprite.png") no-repeat -17px -210px;
        display: inline-block;
        width: 71px;
        height: 71px;
    }

    .modal.error-modal .icon {
        background: url("/images/Hacartis/sprite.png") no-repeat -17px -210px;
        display: inline-block;
        width: 71px;
        height: 71px;
    }

    .modal.success-modal .icon {
        background-position: -17px -281px;
    }

    .modal .modal-body {
        clear: both;
    }

    .modal p {
        font-size: 1.6em;
    }

    .modal .close {
        opacity: 1;
        background: url("/images/Hacartis/sprite.png") no-repeat -38px -492px !important;
        width: 28px;
        height: 28px;
    }

        .modal .close:hover, .error-modal .close:focus {
            opacity: 0.9;
        }

    .modal .modal-header {
        border-bottom: none;
    }
/*#endregion*/

/*#region Content Page */
.content-page .page-title {
    font-size: 2.1em;
}

.content-page .content {
    margin-bottom: 20px;
    font-size: 16px;
}

H3.ms-rteElement-H3Hacartis {
    font-size: 0.9em;
    font-weight: bold;
    font-family: Arial;
    margin: 0px;
    line-height: 1.5em;
}

H4.ms-rteElement-H4Hacartis {
    font-size: 1.25em;
}

.content-page .content .ms-rteStyle-HacartisText {
    padding: 15px 30px;
}

.content-page .with-bg {
    background-color: #F3F3F0;
}

    .content-page .with-bg .content .ms-rteStyle-HacartisSecondSubTitle, .content-page .with-bg .content .ms-rteStyle-HacartisSubTitle {
        padding: 0 30px;
    }

.content-page .validationContainer {
    height: 20px;
}

.content-page .form-wrapper {
    padding: 15px 30px;
}

    .content-page .form-wrapper h4 {
        font-size: 1.7em;
    }

    .content-page .form-wrapper label {
        font-size: 1.2em;
    }

    .content-page .form-wrapper .getmail-wrapper label {
        font-size: 1.1em;
    }

.content-page .button-orange {
    padding: 5px;
    width: 100%;
}

.content-page .getmail-wrapper {
    position: relative;
    padding-right: 20px;
}

    .content-page .getmail-wrapper input {
        position: absolute;
        right: 0;
        margin-top: 5px;
    }

.content-page .button-wrapper {
    margin-top: 15px;
}

.content-page .col-wrap {
    margin-bottom: 20px;
}

.content-page .content img {
    max-width: 100% !important;
    margin: 0 !important;
}

.content-page .well {
}

.content-page .img-no-margin img {
    margin: 0 !important;
}

.content-page .with-padding {
    padding: 0;
}

.content-page .phone-wrapper {
    float: right;
    width: 55%;
}

.content-page .area-wrapper {
    float: left;
}


@media (max-width:767px) {
    .content-page .form-group {
        margin-bottom: 0;
        clear: both
    }

    .content-page .phone-wrapper {
        width: 83%;
    }

    .content-page .well, .content-page .col-wrap {
        margin-bottom: 0;
    }
}

@media (max-width:590px) {
    .content-page .phone-wrapper {
        width: 63%;
    }
}

@media (max-width:323px) {
    .content-page .phone-wrapper {
        width: 57%;
    }
}
/*#endregion*/

/*#region autocomplete */
.autocomplete * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.autocomplete {
    width: 100%;
    position: relative;
}
    /*.autocomplete input { width: 195px }*/
    .autocomplete ul {
        position: absolute;
        right: 0;
        top: 28px;
        width: 195px;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
        z-index: 500;
        color: #393b3e;
    }

@media (max-width:991px) {
    .autocomplete ul {
        width: 100%;
    }

    .input-group-btn {
        border-right: 1px #fff solid;
    }
}

.autocomplete li {
    text-align: right;
    list-style: none;
    width: 100%;
    padding: 0.4em;
    background-color: #fff;
    cursor: pointer;
}

    .autocomplete li.active {
        width: 100%;
        background-color: #e9e9e9;
    }

.autocomplete .highlight {
    background-color: #E2E2E2;
}

.autocomplete li.active .highlight {
    background: #666;
    color: #fff;
}
/*#endregion*/

/*#region Share this */
#at4-share {
    left: 30px;
}

.at-svc-whatsapp {
    display: none !important;
}

.atss .at-share-btn, .atts a, .at-share-tbx-element.addthis_32x32_style .at-share-btn,
.at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    margin-bottom: 10px !important;
    -moz-transition: transform .5s,-webkit-transform .5s !important;
    -webkit-transition: transform .5s,-webkit-transform .5s !important;
    transition: transform .5s,-webkit-transform .5s !important;
}

    .atss .at-share-btn:hover, .atss a:hover, .atss .at-share-btn:focus, .atss a:focus {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

#at-expanded-menu-container .at-expanded-menu, #at-expanded-menu-v2 {
    direction: ltr;
}
/*.desktop-share .addthis_sharing_toolbox {position: absolute;left: 15px;top: 8px;}
.desktop-share a.at-svc-whatsapp {display:none;}*/
.at4-share-outer {
    display: none;
}

#at4-scc, #at4-soc {
    display: none !important;
}

.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
    padding: 4px 0 !important;
}

.page-footer ul {
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 190px;
}

.page-footer .addthis_sharing_toolbox {
    position: absolute;
    left: 15px;
}

    .page-footer .addthis_sharing_toolbox a.at-svc-whatsapp {
        display: none;
    }

.page-footer .container {
    position: relative;
}

.at-share-tbx-element.addthis_32x32_style .at-share-btn, .at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
    margin: 0 5px;
}

#at4-share .at4-share-count, #at4-share .at4-share-count-container {
    line-height: 10px !important;
}

@media (max-width:991px) {
    .at4-share-outer {
        display: none !important;
    }
}

@media (max-width:767px) {
    .page-footer .addthis_sharing_toolbox a.at-svc-whatsapp {
        display: inline-block !important;
    }

    a.at-svc-compact {
        display: none;
    }

    a.at-svc-twitter {
        display: none;
    }
}

@media (max-width:670px) {
    .page-footer ul {
        padding-left: 0;
    }

    .page-footer .addthis_sharing_toolbox {
        position: static;
        left: auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .page-footer .accessability-icon {
        position: absolute;
        text-align: center;
        margin-bottom: 5px;
        right: -63px
    }
}

/*#endregion*/

/*#region skipMenu */
.skipMenu {
    position: fixed;
    top: -1000px;
    width: 100%;
    z-index: 10000;
}

    .skipMenu a:focus {
        text-decoration: none;
        color: white;
        position: fixed;
        top: 40px;
        width: 150px;
        text-align: center;
        left: 35%;
        margin-right: -150px;
        z-index: 1;
        padding: 5px;
    }

@media (max-width:1199px) {
    .skipMenu a:focus {
        left: 22%;
    }
}

@media (max-width:991px) {
    .skipMenu a:focus {
        top: 17px;
    }
}
/*#endregion*/

/*#region mizrahiTooltip*/
.mizrahiTooltip {
    margin: 0 3px;
}

    .mizrahiTooltip:hover {
        cursor: pointer;
    }

    .mizrahiTooltip .mizrahiTooltipText[aria-hidden="true"] {
        display: none;
    }

    .mizrahiTooltip .mizrahiTooltipText[aria-hidden="false"] {
        background: #e7e7e7;
        border: 1px solid silver;
        border-radius: 3px;
        display: inline;
        font-weight: normal;
        max-width: 200px;
        margin: 0 5px;
        padding: 8px 15px;
        position: absolute;
        z-index: 999;
    }
/*#endregion*/

/*#region customTooltip*/
#customTooltip {
    text-align: center;
    color: #333;
    background: #e7e7e7;
    position: absolute;
    z-index: 100;
    padding: 15px;
    border: 1px solid #C0C0C0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
}

    #customTooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #e7e7e7;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #customTooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #e7e7e7;
        top: -20px;
        bottom: auto;
    }

    #customTooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #customTooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }
/*#endregion*/

.btn-mizrahi-border-white {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.3);
}

    .btn-mizrahi-border-white:hover {
        box-shadow: 0 5px 20px 0 rgba(150, 45, 0, 0.07), 0 0 0 1px #fff;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .btn-mizrahi-border-white:active, .btn-mizrahi-border-white.active, .btn-mizrahi-border-white:focus, .btn-mizrahi-border-white.focus {
        box-shadow: 0 5px 20px 0 rgba(150, 45, 0, 0.07), 0 0 0 1px #fff !important;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .btn-mizrahi-border-white:disabled, .btn-mizrahi-border-white.disabled {
        opacity: .8;
        pointer-events: none;
    }

.btn-mizrahi-border-blue {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #323c4b;
    border: 1px solid #323c4b;
    border-radius: 5px;
    box-shadow: none;
}

    .btn-mizrahi-border-blue:hover {
        box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.09), 0 0 0 1px #323c4b;
    }

    .btn-mizrahi-border-blue:active, .btn-mizrahi-border-blue.active, .btn-mizrahi-border-blue:focus, .btn-mizrahi-border-blue.focus {
        box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.09), 0 0 0 1px #323c4b !important;
    }

    .btn-mizrahi-border-blue:disabled, .btn-mizrahi-border-blue.disabled {
        opacity: .8;
        pointer-events: none;
    }

.btn-mizrahi {
    color: #fff;
    background: #ff780b;
    border-color: #ff780b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-mizrahi:hover {
        background: #ea6800;
        border-color: #ea6800;
    }

    .btn-mizrahi.disabled, .btn-mizrahi:disabled {
        color: #fff;
        background-color: #ffbc93;
        border-color: #ffbc93;
        opacity: 1;
    }

    .btn-mizrahi.darkColor {
        background-color: #c94a0c;
        border-color: #c94a0c;
        color: #fff !important;
    }

        .btn-mizrahi.darkColor:hover, .btn-mizrahi.darkColor:focus {
            background-color: #521d00 !important;
            border-color: #521d00;
        }

        .btn-mizrahi.darkColor.disabled, .btn-mizrahi.darkColor:disabled {
            opacity: .7;
        }

.btn-mizrahi-outline {
    color: #ff780b;
    background: #fff;
    border-color: #ff780b;
}

    .btn-mizrahi-outline:hover {
        color: #fff;
        background: #ea6800;
        border-color: #ea6800;
    }

    .btn-mizrahi-outline:focus, .btn-mizrahi-outline.focus {
        box-shadow: 0 0 0 1px #ea6800;
    }

    .btn-mizrahi-outline.disabled, .btn-mizrahi-outline:disabled {
        color: #ffbc93;
        background-color: #fff;
        border-color: #ffbc93;
        opacity: 1;
    }

    .btn-mizrahi-outline.darkColor {
        border-color: #c94a0c;
        color: #c94a0c !important;
    }

        .btn-mizrahi-outline.darkColor:hover, .btn-mizrahi-outline.darkColor:focus {
            background-color: #521d00 !important;
            border-color: #521d00;
            color: #fff !important;
        }

        .btn-mizrahi-outline.darkColor.disabled, .btn-mizrahi-outline.darkColor:disabled {
            opacity: .7;
        }

.loader {
    position: fixed;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999999;
    color: #fff;
    text-align: center;
    font-size: 2rem;
}

    .loader .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .loader .spinner {
        display: block;
        width: 73px;
        height: 73px;
        margin: auto;
    }

        .loader .spinner img {
            width: 73px;
            height: 35px;
            -webkit-animation: spin 1.2s linear infinite;
            animation: spin 1.2s linear infinite;
            display: block;
            margin: auto;
        }
@-moz-document url-prefix() {
    a:focus, button:focus, [tabindex]:focus {
        outline: #000 double 1.5px !important;
        box-shadow: 0 0 2px 1px #000 !important;
    }
}

.c-white {
    color: #ffffff;
}

.c-white-two {
    color: #f7f7f7;
}

.c-white-three {
    color: #ececec;
}

.c-silver {
    color: #e1e2e5;
}

.c-silver-two {
    color: #ebecec;
}

.c-greyish {
    color: #aaaaaa;
}

.c-warm-grey {
    color: #858585;
}

.c-slate-grey {
    color: #636b7a;
}

.c-brownish-grey {
    color: #666666;
}

.c-slate {
    color: #3f4a5e;
}

.c-charcoal-grey {
    color: #323c4b;
}

.c-pale-salmon {
    color: #ffbc93;
}

.c-pumpkin-orange {
    color: #ff780b;
}

.c-pumpkin {
    color: #ea6800;
}

.c-vermillion {
    color: #e81911;
}

.c-dark-mint {
    color: #44c76e;
}

.c-shamrock {
    color: #05ad4a;
}

.c-black {
    color: #2f353b;
}

.ts-black10 {
    text-shadow: 0 0 10px #000;
}

.ts-black10-2 {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.46);
}

.ts-black10-3 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.ts-stroke-black {
    text-shadow: 1px 1px 2px #000;
}

.ts-stroke-black-2 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.ts-composite {
    text-shadow: 0 0 44px rgba(9, 5, 2, 0.9), 0 0 15px rgba(49, 30, 12, 0.82), 0 2px 38px rgba(68, 43, 20, 0.93);
}

.ts-white5 {
    text-shadow: 0 0 5px #fff;
}

.ts-grey5 {
    text-shadow: 0 0 5px #333;
}

/*Header*/
/*.page-header .page-header-top { background: url("/images/Hacartis/bg_header.jpg") center center; background-size: 1440px 107px; background-repeat: no-repeat; background-size: cover; }*/
.page-header-menu li a img.icon-home {
    top: -1px;
    position: relative;
}

/*Footer*/
.search-form .icon-magnifier, .scroll-to-top > i {
    font-family: Simple-Line-Icons !important;
}

#footer .footerLinks, #footer .rights {
    width: 90%;
}

.page-footer {
    padding: 29px 0;
}

@media (max-width: 670px) {
    .page-footer .accessability-icon {
        right: inherit;
        left: 16px;
    }
}

.page404 {
    background: url("/images/dvir.png") no-repeat;
    padding-top: 2rem;
    padding-bottom: 11rem;
    background-position: 0 bottom;
}

    .page404 .title {
        font-size: 14px;
        margin-bottom: 1em;
    }

@media (min-width: 768px) {
    .page404 {
        padding-bottom: 170px;
        padding-top: 4rem;
    }

        .page404 .title {
            font-size: 20px;
        }
}

@media (max-width: 767.98px) {
    .page404 {
        background-size: 175px auto;
        background-position: -20px bottom;
    }
}

/*#region main bunner hacartis*/
.categories-wrapper a.arrow.slick-arrow {
    height: 106px;
    margin-top: 0;
    margin-left: 0;
    border: none;
    border-bottom: 1px #e8e8e8 solid;
}
/*#endregion*/

/*404 page*/
h2.lobbyTitle {
    font-size: 30px !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-bottom: 1.5rem !important
}

.pageErrorSubtitle {
    font-size: 16px;
    margin-bottom: 5rem;
}

ul.linksList {
    -webkit-column-count: 3;
    column-count: 3;
    max-width: 600px;
}

.container.containerSmall.page404 {
    font-family: "Open Sans Hebrew", Arial, sans-serif;
}
/*endregion*/
/*#region validation label*/
.obligatory {
    color: red;
}

.floatLabel {
    position: relative;
}

    .floatLabel input, .floatLabel textarea, .floatLabel select {
        position: relative;
        background-color: #f7f7f7 !important;
        border: 0 !important;
        box-shadow: none;
        line-height: 1;
    }

    .floatLabel input {
        height: 32px !important;
        padding: 1px 10px !important;
    }

    .floatLabel textarea {
        resize: none;
        height: 160px;
        resize: none;
    }

    .floatLabel select {
        height: 32px !important;
        display: block;
        padding: 1px 10px 1px 1.5rem !important;
    }

    .floatLabel label { /*background-color: $white-two!important;*/
        margin: 4px;
        position: absolute;
        color: #999;
        padding: 0 10px;
        top: 0;
        bottom: 0;
        width: calc(100% - 5px);
        transition: top 0.2s;
        right: 0;
    }

        .floatLabel label.text-center .obligatory {
            float: right;
        }

    .floatLabel.form-group {
        margin-bottom: 1.2rem;
    }

    .floatLabel .form-control.input-validation-error, .floatLabel .custom-select.input-validation-error {
        box-shadow: inset 0 -12px 0 -11px red;
    }

        .floatLabel .form-control.input-validation-error:focus, .floatLabel .custom-select.input-validation-error:focus {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

    .floatLabel span.error {
        position: absolute;
        font-size: 12px;
        line-height: 1;
        padding: .3rem .3rem 0;
        color: red;
        display: none;
    }

        .floatLabel span.error.field-validation-error {
            display: block;
        }

    .floatLabel.hideLabel input, .floatLabel.hideLabel textarea {
        background: #f7f7f7 !important;
        z-index: 1;
    }

.radioFloatLabel {
    position: relative;
}

    .radioFloatLabel span.error {
        position: absolute;
        font-size: 12px;
        line-height: 1;
        padding: .1rem .3rem 0;
        color: red;
        display: none;
    }

        .radioFloatLabel span.error.field-validation-error {
            display: block;
        }

    .radioFloatLabel.row span.error {
        top: 100%;
        right: 15px;
        left: 15px;
    }
/*#endregion*/

/*#region modal dialogs */
.modal .icon {
    background: url("/images/hacartis/sprite.png") no-repeat -17px -210px;
    display: inline-block;
    width: 71px;
    height: 71px;
}

.modal.error-modal .icon {
    background: url("/images/hacartis/sprite.png") no-repeat -17px -210px;
    display: inline-block;
    width: 71px;
    height: 71px;
}

.modal .close {
    opacity: 1;
    background: url("/images/hacartis/sprite.png") no-repeat -38px -492px !important;
    width: 28px;
    height: 28px;
}
/*#endregion*/

/*#region hatava-page*/
#btnSubmit {
    width: 15%;
    order: 1;
    margin-bottom: 15px;
    margin-top: 15px;
}

.personalImgWrapper .eqHeight {
    position: relative;
}

.withoutBorder {
    border-bottom: none !important;
}

.inheritBackground {
    background: inherit !important;
}

.benefitButton {
    width: 91%;
    margin: auto;
    margin-top: 1.5rem;
    max-width: 100%;
}

.contactButtonLine {
    margin-right: 33.33%;
}

.fixPadding {
    padding: 10px !important;
}

.benefitsForMe {
    padding-right: 0 !important;
    font-weight: bold;
}

.fontSizeFix {
    font-size: 38px !important;
}

.orangeFlag {
    width: 150px;
    height: 40px;
    position: absolute;
    top: 14px;
    right: -6px;
    z-index: 5;
    background: #e16900;
    text-align: center;
    line-height: 3.7rem;
    color: white;
    font-size: 16px;
}

.orangeFlagArrow {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 2px;
    z-index: 5;
}

    .orangeFlagArrow:after {
        content: "";
        position: absolute;
        right: 142px;
        top: 2%;
        width: 0;
        height: 0;
        border-right: 20px solid #e16900;
        border-top: 20px solid rgba(255,255,255,0);
        border-bottom: 20px solid (255,255,255,0);
        border-bottom: 20px solid (255,255,255,0);
        border-bottom: 20px solid (255,255,255,0) !important;
        border-bottom: 20px solid rgba(255,255,255,0)
    }

.regularFlagHacartis.orangeFlag {
    right: 8px;
}

.regularArrowHacartis.orangeFlagArrow {
    right: 16px;
}

.hatavaSearchContainer.align-hatava-items {
    position: relative;
}

.block-submit {
    display: flex;
    justify-content: flex-end;
}

span.kodHatavaTextHolder {
    max-width: 200px;
    margin-left: 10px;
    margin-top: 10px;
}

span.bold.shimLev {
    margin-left: 5px;
}

@media ( max-width: 768px ) {
    .hatava-page .row .double .tile-new {
        margin-bottom: 15px;
    }

    .contactButtonLine {
        margin-right: 0;
        width: 100%;
    }

    #btnSubmit {
        width: 100%;
        order: 1;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .block-submit {
        display: flex;
        flex-direction: column-reverse;
    }

    span.kodHatavaTextHolder {
        width: 100%;
        max-width: inherit;
    }

    .orangeFlagArrow:after {
        right: 141px;
    }
}

.hatava-page .row .double .tile-new {
    background-color: #F1F1EF !important;
    padding: 10px 20px 10px 20px;
}

    .hatava-page .row .double .tile-new a {
        padding-right: 7px;
        color: #333;
        font-size: 16px;
    }

        .hatava-page .row .double .tile-new a:hover, .hatava-page .row .double .tile-new a:focus {
            color: #e16900;
            text-decoration: none;
        }

    .hatava-page .row .double .tile-new img {
        height: 30px;
    }

.hatava-page .row .business-sale-link {
    background-color: orange;
    padding: 6px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    margin: 0 35px;
}

    .hatava-page .row .business-sale-link a {
        text-align: center;
        display: block;
        color: #fff;
        text-decoration: none;
    }

.hatava-page form .toggle-type-id:not(.number-id) {
    display: none;
}

.hatava-page form .form-group .phone {
    width: 100%;
}

.hatava-page form .form-group.floatLabel label {
    position: inherit;
    color: #000;
}

#formHatava .block-submit {
    float: left;
}

#formHatava .form-group.lead-from-captcha {
    clear: both;
    display: inline-flex;
    padding-top: 24px;
    margin-right: 0;
}

    #formHatava .form-group.lead-from-captcha .captchaValidationDiv {
        position: absolute;
        right: 80%;
        width: 60%
    }

.page-content .row.hatavot.similar .hatava img {
    width: 100%;
    height: 160px;
    object-fit: fill; /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */ /* width: 260px; */ /* height: 160px; */ /* object-fit: fill;*/
}

.page-content .similar .common-benefit .data-section {
    padding-left: 12px;
}

@media(max-width: 1199px) {
    .page-content .row.hatavot.similar .hatava img {
        height: 320px;
    }
}

@media (max-width: 991px) {
    .page-content .row.hatavot.similar .hatava img {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .page-content .row.hatavot.similar .hatava img {
        height: 200px;
    }
}

/*#endregion*/
/*#region lead-form*/ .leadForm .form-control {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
}

.leadForm .floatLabel label {
    margin: auto;
    position: inherit;
    padding: initial;
}

.leadForm label {
    color: #333;
}

.form-group.lead-from-captcha {
    clear: both;
    padding-top: 35px;
    margin-right: 36.5%;
}

    .form-group.lead-from-captcha .BDC_CaptchaImage {
        width: 180px;
        height: 32px;
    }

    .form-group.lead-from-captcha #Miz_Captcha_Lead_CaptchaImage {
        width: 180px;
        height: 32px;
    }

    .form-group.lead-from-captcha .BDC_CaptchaIconsDiv {
        position: relative;
        top: -2px;
        left: 62px;
    }

    .form-group.lead-from-captcha .BDC_ReloadIcon,
    .form-group.lead-from-captcha .BDC_SoundIcon {
        width: 75%;
    }

    .form-group.lead-from-captcha .captchaValidationDiv {
        width: 82%;
    }

@media (max-width: 991px) {
    .form-group.lead-from-captcha .captchaValidationDiv {
        width: 93%;
    }
}

@media (max-width: 768px) {
    .form-group.lead-from-captcha {
        margin-right: 3.5%;
        padding-bottom: 30px;
    }

        .form-group.lead-from-captcha .captchaValidationDiv {
            width: 97%;
        }
}

@media (max-width: 576px) {
    #formHatava .form-group.lead-from-captcha .captchaValidationDiv {
        bottom: -22px;
        right: 0%;
        width: 74%
    }
}

/*#endregion*/

/*#region carousel*/
.carousel-indicators {
    right: unset;
}

    .carousel-indicators li {
        border: none;
        background: unset;
    }

    .carousel-indicators .active {
        background: unset;
    }

#plasmaContainer .carousel-inner {
    overflow: hidden;
    height: auto;
    margin-bottom: 0;
}

.carousel-indicators {
    position: initial;
    width: 100%;
    margin-right: auto;
    text-align: center;
}
/*.rsDefault .autoPlay { bottom: 19px; }*/
.rsDefault .rsArrowIcn {
    margin-top: -18px;
}

.rsABlock {
    top: 10px;
}
/*.rsABlock h2, figure.rsCaption h2 { padding-top: 35px; }*/
figure.rsCaption .th-text {
    text-align: center;
}

@media screen and (min-width: 993px) and (max-width: 1120px) {
    .rsABlock {
        width: 320px;
        padding-right: 40px;
        padding-left: 30px;
    }

        .rsABlock h2 {
            padding-top: 10px;
        }
}

@media (max-width:991px) {
    /*.rsDefault .autoPlay { bottom: 18px; left: 0px; }*/
    .rsABlock {
        position: relative;
        width: 100%;
        top: 0;
        z-index: 15;
        padding: 0;
        padding-bottom: 5px;
    }

        .rsABlock h2, figure.rsCaption h2 {
            padding-top: 8px;
        }

        .rsABlock .th-center {
            text-align: center
        }
}
/*#endregion*/

/*#region tender and tender-form*/
.tenderContainer .page-title {
    border-bottom: 1px solid #D3D3D3;
    margin: 0 0 18px;
    padding: 0;
}

    .tenderContainer .page-title .logo {
        float: right;
        width: 55px;
        height: 55px;
        margin-left: 15px;
        margin-bottom: 5px;
    }

.tenderContainer .benefitContainer .buttonContainer {
    position: inherit !important;
}

.tenderContainer #tenderForm .buttonContainer {
    position: absolute;
}

.tenderContainer #tenderForm .form-group.lead-from-captcha {
    padding-top: 0px;
}

.tenderContainer .wrapper-tenderForm.active {
    opacity: 1 !important;
    visibility: visible !important;
    right: 0 !important;
    transition: 0.5s;
}

.tenderContainer .wrapper-tenderForm {
    opacity: 0 !important;
    visibility: hidden !important;
    right: 900px !important;
    transition: 0.8s;
}

.tenderContainer form .toggle-type-id:not(.number-id) {
    display: none;
}

.tenderContainer form .floatLabel label {
    padding: 0;
}

.tenderContainer form .form-group.floatLabel label {
    position: inherit;
    color: #000;
}

.tenderContainer form .passportnumber .form-group {
    margin-left: 0 !important;
}

.tenderContainer form .divcountryorigin .form-group {
    margin-right: 0 !important;
}

#tenderContainer #tenderForm #idTypeRadioContainer {
    margin-bottom: 15px;
}

.tenderContainer form #idTypeRadioContainer input[type='radio'] {
    margin: 0 0 0 4px;
}

.tenderContainer form .checkbox.terms {
    display: flex;
}

    .tenderContainer form .checkbox.terms #AgreeWithTerms {
        display: inline;
        margin: 0;
    }

    .tenderContainer form .checkbox.terms label {
        width: 110px;
        margin-right: 25px;
    }

    .tenderContainer form .checkbox.terms a {
        margin-top: 5px;
    }

.tenderContainer form #AgreeWithTermsRequiredFieldValidator {
    margin-top: 25px;
}

#tenderJoinSuccess .tenderEmail .email {
    word-break: break-all;
}

.birthdayTitle {
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .tenderContainer form .passportnumber .form-group, .tenderContainer form .divcountryorigin .form-group {
        margin: 0 auto 22px auto !important;
    }
}
/*#endregion*/

/*#region split content*/
@media (max-width: 576px) {
    .split-content .row:last-child {
        margin-bottom: 20px;
    }
}
/*#endregion*/

/*#region IE 11 Only*/
_:-ms-fullscreen, :root .carousel-indicators {
    position: static;
}

_:-ms-fullscreen, :root .categories-wrapper .item.hot-hatavot {
    width: auto;
}

_:-ms-fullscreen, :root .row.hatavot.similar {
    display: block;
}

_:-ms-fullscreen, :root #tenderContainer #tenderForm .idTypeSelectionContainer {
    flex: 1;
}
/*#endregion*/

/*#region FireFox Only*/
@-moz-document url-prefix() {
    .row.hatavot.similar {
        display: block;
    }
}
/*#endregion*/

/*#region hacartisMortgages*/
.hacartisMortgages.categories-wrapper > div:first-child {
    padding-left: 0px;
}

.hacartisMortgages.categories-wrapper .categories {
    background-color: #e8e8e8;
}

.hacartisMortgages.categories-wrapper .categories-8 {
    padding: 0 0 0 15px;
}

.hacartisMortgages.categories-wrapper .item a {
    border: none;
}

.hacartisMortgages .hot-hatavot.item {
    max-width: 180px;
    border-left: 1px solid #36393c;
}
/*#endregion*/



.megaSearchBox .btn:before {
    font-family: 'mizrahicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    color: #BCC2CB;
}

.megaSearchBox .btn {
    background-color: #fff;
}

.megaSearchBox .ui-widget {
    display: flex;
    margin: 10px 30px;
}

    .megaSearchBox .ui-widget input#st-search-input {
        border: none;
        padding: 0 10px;
    }
/*Search_Ui_Hacartis*/
.sui-result__details .sui-result__title, .sui-result__details .sui-result__title em {
    color: #e16900;
    font-size: 15px !important;
    font-family: "Open Sans",sans-serif;
}

.sui-result__details .sui-result__value, .sui-result__details .sui-result__value em {
    color: #333;
    font-size: 14px !important;
    font-family: "Open Sans",sans-serif;
}

a.hacartisHotSale:hover, a.hacartisHotSale:focus {
    color: #23527c;
    text-decoration: unset;
}

a.hacartisHotSale:active, a.hacartisHotSale:hover {
    outline: none;
}

.sui-result img {
    height: unset !important;
    object-fit: unset;
}

.sui-result em:after {
    background: unset;
}

.rc-pagination .rc-pagination-item-active a {
    color: #ff780b;
}

.sui-paging .rc-pagination-item:hover a {
    color: #323c4b
}

#HacartisDiscountCodeForm .floatLabel input:focus {
    border: 2px solid black !important
}

#HacartisDiscountCodeForm .floatLabel select:focus {
    border: 2px solid black !important
}

#ui-id-1 .ui-menu-item-wrapper em {
    font-style: normal;
    font-weight: bold;
}

.ui-menu-item:hover, .ui-menu-item:focus {
    text-decoration: none;
}

.ui-menu-item .ui-state-active:hover, .ui-menu-item .ui-state-active:focus, .ui-menu-item .ui-state-active {
    text-decoration: none;
    background-color: #f2f2f2 !important;
    color: black !important;
    border: none !important;
}

.ui-widget-content li:hover {
    background-color: #f2f2f2 !important;
}

.sui-layout-body:after {
    content: none;
}

.rc-pagination .rc-pagination-item:focus, .rc-pagination .rc-pagination-next:focus, .rc-pagination .rc-pagination-prev:focus {
    outline: 5px auto
}

/*birdthdayHotSale_Hacartis*/
.col-md-6.col-sm-6.hatava-txt {
    position: relative;
}

.personalImgWrapper .buttonsWrapper .col-sm-4.fixPadding .tile-new.bg-grey-tiles img {
    height: 28px;
}

.personalTextWrapper .buttonsWrapper .col-sm-4.fixPadding .tile-new.bg-grey-tiles a {
    font-size: 14px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.personalImgWrapper .kodHatavaWrapper {
    text-align: center;
    margin-top: 10px;
}

    .personalImgWrapper .kodHatavaWrapper .kodHatavaUnderBtn {
        font-size: 16px;
    }

.mainPic.eqHeight .testButton .hotSaleBirthdayButton {
    width: 80%;
    height: 35px;
    background: #e16900;
}

.hatava-txt .buttonsWrapper {
    width: 110%;
    position: absolute;
    bottom: -7.9rem;
    right: 1.5rem;
}

.birthayHotSale .fade-in-up .hatava-page #hatavaContainer .discountCodeForm {
    display: none;
    margin-top: 3rem;
}

.hatava-txt .buttonsWrapper .fixPadding {
    padding: 13px !important;
}

.buttonsWrapper .fixPadding .tile-new.bg-grey-tiles {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 0;
}

#hatavaContainer .personalTextWrapper {
    background: inherit;
}

#hatavaContainer .personalGiftBtn {
    width: 100%;
    padding: 0.7rem;
    margin-top: 1rem;
    background: #e16900;
    border: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.personalLogo {
    height: 57px !important;
    width: 57px !important;
}

.text.eqHeight.personalTextWrapper ul li {
    padding: 0;
}

    .text.eqHeight.personalTextWrapper ul li::marker {
        color: #e16900;
        font-size: 18px;
    }

@media (max-width: 768px) {
    .personalTextWrapper .buttonsWrapper {
        position: inherit
    }

        .personalTextWrapper .buttonsWrapper .col-sm-4.fixPadding {
            padding: 0 !important;
        }

            .personalTextWrapper .buttonsWrapper .col-sm-4.fixPadding .tile-new.bg-grey-tiles a {
                font-size: 16px !important;
            }

            .personalTextWrapper .buttonsWrapper .col-sm-4.fixPadding .tile-new.bg-grey-tiles img {
                height: 30px;
            }
}

@media (min-width: 768px) {
    .hatava-page .kod-results .kod-show {
        width: 100%;
    }

        .hatava-page .kod-results .kod-show .icon {
            position: absolute;
            top: 56%;
            transform: translateY(-50%);
        }

    .text.eqHeight.personalTextWrapper ul li {
        margin-right: 20px;
    }
}

.linksList {
    list-style: none;
    color: #ff780b;
}

    .linksList a {
        color: #ff780b;
        font-weight: 700;
        font-size: 14px;
    }

        .linksList a:after {
            content: "\e907";
            font-family: 'mizrahicons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1; /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

.sui-layout-main-header {
    display: none;
}

.carousel-control-next {
    right: 0;
}

.sui-result__body {
    display: block !important;
}

.modal-dialog {
    margin: 0 !important;
}



.rc-pagination-item { padding: 0 !important; }