/*#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: absolute;
	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: 50%;
}

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

.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.rsVer .rsArrowLeft { top: 0; left: 25px; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 25px; }
 
.rsDefault.rsHor .rsArrowLeft { left: 25px; top: 0; }
.rsDefault.rsHor .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/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; }
 
 
/***************
*  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 .autoPlay {position:absolute;bottom: -24px;left: 3px;width:16px;height:18px;background:url('../images/pause.png') no-repeat 0 0;}
.rsDefault .autoPlay.pause {background:url('../images/play.png') no-repeat 0 0;}

@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('../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/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/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/locker-orange.png") no-repeat 0 0;
	background-size: 50px 50px;
	z-index: 2;
}
.gauge-container .unlock {
	background-image:url("../images/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%;
}
.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('font-joker/joker-regularwebfont.eot');
  src: url('font-joker/joker-regularwebfont.eot') format('embedded-opentype'), url('font-joker/joker-regularwebfont.woff?v=4.3.0') format('woff'), url('font-joker/joker-regularwebfont.ttf?v=4.3.0') format('truetype'), url('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('font-joker/fbjoker-regularwebfont.eot');
  src: url('font-joker/fbjoker-regularwebfont.eot') format('embedded-opentype'), url('font-joker/fbjoker-regularwebfont.woff?v=4.3.0') format('woff'), url('font-joker/fbjoker-regularwebfont.ttf?v=4.3.0') format('truetype'), url('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('open-sans-hebrew/opensanshebrew-bold-webfont.eot'); 
    src: url('open-sans-hebrew/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('open-sans-hebrew/opensanshebrew-bold-webfont.woff') format('woff'), 
    url('open-sans-hebrew/opensanshebrew-bold-webfont.woff2') format('woff2'), 
    url('open-sans-hebrew/opensanshebrew-bold-webfont.ttf') format('truetype'), 
    url('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('open-sans-hebrew/opensanshebrew-regular-webfont.eot'); 
    src: url('open-sans-hebrew/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('open-sans-hebrew/opensanshebrew-regular-webfont.woff') format('woff'), 
    url('open-sans-hebrew/opensanshebrew-regular-webfont.woff2') format('woff2'), 
    url('open-sans-hebrew/opensanshebrew-regular-webfont.ttf') format('truetype'), 
    url('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;}
.home-page {display:none;}
.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%; max-height: 525px; height: 100%;}
.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 (min-width:992px){
    .align-hatava-items-container .col-xs-6{max-height:480px;}
    /*.home-page .hatavaMainContainer{max-height:535px;}*/
 }
 
 @media (max-width:991px){
    .align-hatava-items-container .col-xs-6{max-height:470px;}
    /*.home-page .hatavaMainContainer{max-height:535px;}*/
 }
 
  @media (max-width:768px){
    .align-hatava-items-container .col-xs-6{max-height: 357px;}
    /*.home-page .hatavaMainContainer{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/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 {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 .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 .search-form {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 .search-form{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: 28px;
        top: 17px;
        width: 23px;
        height: 23px;
        background: transparent url("../images/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/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: 75px;
        top: 0px;
     }
    .page-header .page-header-top .page-logo{margin-left:0px;}
    .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}
    .page-header .page-header-top .page-logo{margin-top:7px}
    
    /*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 {width:300px !important;position:absolute;top:1px;right:38px;}
}

@media (max-width:991px)
{
    .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: 4px;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 {right: 20px;}
}

@media (max-width:420px)
{
    .page-header .page-header-top .logo-wrapper .left {right: 50px;max-width:130px;}
    .page-header .page-header-top .page-logo {width: 270px !important;top: 4px;right: 18px;}
}

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

/*#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 {list-style: none;background:url('../images/bullets_orange.gif') no-repeat right 6px;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 .mapInfo{margin-top:17px;margin-bottom:17px}
.hatava-page .mapInfo .tiles .tile.double{width:100%!important}
.hatava-page .mapInfo .bg-grey-tiles{border:none !important;background-image: none !important;background-color: #F1F1EF !important;color: #3A3C3F !important; }
.hatava-page .mapInfo .tile{line-height: 85px;position:relative;height:80px !important;margin:0 0 15px 0;font-size: 1.3em;}
.hatava-page .mapInfo .tile a {display:block;color: #000;padding-right: 35px;}
.hatava-page .mapInfo .tile a:hover,.hatava-page .mapInfo .tile a:hover:visited,
.hatava-page .mapInfo .tile a:focus,.hatava-page .mapInfo .tile a:focus:visited {color:#e16900;text-decoration:none;}
.hatava-page .mapInfo .tile .icon {width: 57px;height: 57px;display: block;position: absolute;left: 25px;top: 12px;}
.hatava-page .mapInfo .business-url .icon {background: url(../images/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 .mapInfo .business-phone .icon {background: url(../images/sprite.png) -23px -579px;}
.hatava-page .mapInfo .business-branches .icon {background: url(../images/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(../images/i_arrow.png) right center;font-size:20px;background-repeat:no-repeat;padding-right:75px}
.hatava-page .kod .kod-pass{background: url(../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/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/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/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/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 .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: 6px;}
#tenderContainer .tenderPriceDown .small-clock.margin {margin-top: 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: 20px 0; background-color: white; text-align: center; }

#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;}
#tenderContainer .gaugeContainer{height: 200px;position: relative;background-color: #EFF0EE;}
#tenderContainer .buttonContainer{background-color: #EFF0EE;position: absolute;bottom: 0;width: 100%;text-align: center;}
#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;}
#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 #tenderForm form .form-group{width: 90%;margin: 0 auto 22px auto;}
#tenderContainer #tenderForm form .form-group input, #tenderContainer #tenderForm form .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/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: 568px;}
    #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 #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 #tenderForm form .form-group{width:70%;}*/
    #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; }
}
@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 h3 {border-bottom: 1px #d4d4d4 solid;padding-bottom:2px;position:relative;padding-right:40px;}
.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/sprite.png') 67px -32px;top: -2px;}
.hatavot.online h3 {min-height: 33px;}
.hatavot.regular .icon {background: url('../images/sprite.png') 67px -64px;height:24px;}
.hatavot.hot .icon {background: url('../images/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: 0 5px;}
.similar h3 {padding:0;}
.hatava span.scissors {height: 25px;width: 24px;background: url('../images/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;}
.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:13px;}
}
@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: 108%;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/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/sprite.png') 0 -1138px;width:48px;height:48px;}
.categories-wrapper .item .title {display:block;}
.categories-wrapper a.arrow.slick-arrow {background: url('../images/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 (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('/he/hacartis/asset/images/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/sprite.png') 67px -63px;top: -2px;width:32px;height:25px!important;position:absolute;right:0;}
.searchresults .hatavot.shopping .icon {background: url('../images/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/sprite.png") no-repeat -17px -210px;display:inline-block;width:71px;height:71px;}
.modal.error-modal .icon {background:url("../images/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/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;}
.content-page .content ul > li {list-style: none;background:url('../images/bullets_orange.gif') no-repeat right 6px;padding:0 20px 0 0;}
.content-page .content ul {margin:0;padding:0;}

@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 google maps */
/*map in hatava page*/
.hatavemap #map {display:block; width:100%; height:400px;margin-top:0px}
.hatavemap .region-container{font-size:16px !important;position: absolute; color:#ffffff;top: 0px; right: 15px; z-index: 1;padding:10px 10px 10px 10px;background-color:grey;opacity:0.8;filter:alpha(opacity=80);}
.hatavemap .region-container label{font-size:16px !important}
.hatavemap .region-container select{width:150px;color:#000}
.hatavemap .map-wrapper{position:relative}

/*map in map view page*/
.mapview #map{display:block; width:100%; height:900px;margin-top:0px}
.mapview.map-wrapper{position:relative;margin-top:40px}
.mapview .region-container{font-size:16px !important;position: absolute; color:#ffffff;top: 0px; right: 0px; z-index: 1;padding:10px 10px 10px 10px;background-color:grey;opacity:0.8;filter:alpha(opacity=80);}
.mapview .region-container label{font-size:16px !important}
.mapview .region-container select{width:150px;color:#000}
.mapview .map-wrapper{position:relative}

@media all and (max-width: 480px) and (min-width: 320px) {
    .hatavemap .region-container{position:static!important;margin-bottom:15}
    .hatavemap .region-container select{float:left}
    
    .mapview .region-container{position:static;margin-bottom:15}
    .mapview .region-container select{float:left}
}

/*general*/
.g-marker{max-width:280px}
.g-marker .logo{float:right;}
.g-marker .logo img{width:72px;height:72px}
.g-marker .g-text{float:left;overflow:hidden;padding:0px 8px 27px 1px}
.g-marker #sv-content{width:100%;height:65px;}

@media all and (max-width: 360px) and (min-width: 320px) {
    .g-marker .g-text{float:none}
}

.g-marker .headline{font-weight:bold;color: #f28222;font-size: 16px;}
.g-marker .phone{font-weight:bold}
/*#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*/


#hatavaContainer .hatava-pic img