/* default state */
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 4; }

/* small desktop */
@media (min-width: 768px) and (max-width: 1024px) {
    .state-indicator {
        z-index: 3; } }

@media (min-width: 1025px) {
    .state-indicator {
        z-index: 1; } }

/* default state */
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 4; }

/* small desktop */
@media (min-width: 768px) and (max-width: 1024px) {
    .state-indicator {
        z-index: 3; } }

@media (min-width: 1025px) {
    .state-indicator {
        z-index: 1; } }

* {
    box-sizing: border-box;
    outline: none;
    transition: all 0.001s ease; }

ul {
    list-style: none; }

.hide {
    display: none !important; }

body {
    font-size: 16px;
    min-width: 320px; }

.main-wrapper {
    overflow: hidden;
}

.wrap {
    /*max-width: 100em;*/
    /*max-width:105em; !*make it a little closer to the left and right side of the page *!*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 10px; }
.wrap:after {
    content: " ";
    display: block;
    clear: both; }
@media (max-width: 767px) {
    .wrap {
        padding: 0 10px;
        max-width: 700px; } }
@media (min-width: 768px) and (max-width: 1024px) {
    .wrap {
        padding: 0 20px;
    }
    .tablet-up .info-box div.title{
        border-right:0px !important;
    }

    .branches.tablet-up .branch > .wrap {
        padding-top:35px;
    }
}

a {
    text-decoration: none;
    cursor: pointer; }

.hide {
    display: none; }

.show {
    display: block; }

.form-error {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    position: absolute;
    bottom: -13px;
    right: 4px;
    color: red; }

.form-line {
    position: relative; }

input {
    width: 100%; }

.selectric-styler.error .selectric, input[type="email"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="url"].error, textarea.error {
    border: 1px solid red; }

.arrow-right {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 13px;
    color: #ff7d19;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.arrow-left {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 13px;
    color: #ff7d19;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

*::-webkit-input-placeholder {
    color: black; }

*:-moz-placeholder {
    color: black; }

*::-moz-placeholder {
    color: black; }

*:-ms-input-placeholder {
    color: black; }

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

div.clear:after {
    content: "";
    display: table;
    clear: both; }

@media (min-width: 1025px) {
    header .wrap .header-links {
        display: block; } }

section.branches ul.crumbs {
    font-size: 0.8125em;
    margin: 0;
    /*padding: 20px 0;*/
    padding:5px 0px 0px 0px;
    /*border-bottom: 1px solid #d9d9d9; */
}

section.branches .top_section ul.crumbs {
    /*padding-bottom: 20px;*/ /*Ofir change 22/6*/
    border-bottom: none;
}
.page-title{
    /*margin-bottom: 20px;*/
}
.page-title h1{
    font-size:25px;
    padding-right:0px;
}

section.branches ul.crumbs li {
    display: inline; }
section.branches ul.crumbs li.active {
    color: #ff7d19;
    margin-right: 5px; }

section.branches ul.crumbs li.active a{
    color: #ff7d19;
}

@media (min-width: 768px) {
    section.branches ul.crumbs {
        font-size: 15px; } }

@media (min-width: 768px) {
    section.branches .mobile .crumbs {
        display: none; } }

.footer-top-section {
    display: none; }
@media (min-width: 1025px) {
    .footer-top-section {
        display: block; } }

section.bars {
    position: relative; }
section.bars:after {
    content: "";
    display: table;
    clear: both; }

section.branches .show-all-bar {
    position: relative;
    border-bottom: 1px solid #dddddc;
    text-align: center;
    font-size: 1.125em; }
@media (min-width: 768px) {
    section.branches .show-all-bar {
        display: none; } }
section.branches .show-all-bar > a {
    display: block;
    padding: 20px 0;
    background: transparent url("/_media/images/new_front/icons/icon-down-arrow-mobile.png") no-repeat 91% center;
    background-size: 18px;
    color: #ff7d19; }

section.branches .show-all-bar ul li a{
    color: #000;
    padding: 20px 0;
    display: block;
}
section.branches .show-all-bar ul {
    padding: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 100ms linear, visibility 0s linear;
    -webkit-transition-delay: 0s, 500ms;
    transition: opacity 100ms linear, visibility 0s linear 500ms;
    position: absolute;
    width: 100%;
    z-index: 1;
    background: white; }
section.branches .show-all-bar li {
    /*padding: 20px 0;*/
    border-bottom: 1px solid #dddddc; }
section.branches .show-all-bar li:last-child {
    border-bottom: none; }
section.branches .show-all-bar.open > a {
    border-bottom: 1px solid #ff7d19; }
section.branches .show-all-bar.open ul {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    opacity: 1;
    visibility: visible;
    transition: opacity 100ms linear, visibility 0s linear; }

.branches .branch {
    border-bottom: 2px solid #dcdce3;
    padding: 3.44828% 0; }
.branches .branch:after {
    content: "";
    display: table;
    clear: both; }

/* start nitsan 21/06 change */
/*.branches .branch:last-child {*/
    /*border-bottom: none; }*/

.branches a:last-child .branch{
    border-bottom: none;
}
/* end nitsan 21/06 change */
.branches-slider .branches a {
    display: block;
}

.branches .branch-name {
    color: #777;
    font-size: 19px;
    float: left; }

.branches .branch-name a {
    color: #777;
}
.branches .pick-branch-title {
    font-size: 16px;
    font-weight: 700;
    padding: 3.44828% 0; }

.branches .info-icon {
    /*background: transparent url("/israel/_media/images/new_front/search-window/branch-i-icon.png") no-repeat 5px;*/
    background: transparent url("/_media/images/new_front/english-icons/orange_arrow_2.png") no-repeat 5px;
    background-size: 1.125em;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    cursor: pointer; }


/* start nitsan 21/06 change */
.branches .branch:hover .info-icon{
    /*background: transparent url("/israel/_media/images/new_front/icons/white_arrow_left.png") no-repeat 5px ;*/
}
.branches .branch:hover, .branches .branch:active, .branches .airport:hover, .branches .airport:active {
    /*background: #ff7d19;*/
    font-weight: 700;
}
.branches .branch:active .info-icon, .branches .airport:hover .info-icon, .branches .airport:active .info-icon {
    /*transition: all 0.2s ease;*/
    /*background: transparent url("/israel/_media/images/new_front/search-window/branch-i-icon-white.png") no-repeat 5px;*/
    /*background-size: 1.125em; */
}
.branches .branch:hover, .branches .branch:active, .branches .airport:hover, .branches .airport:active {
    /*background: #ff7d19;*/
    /*font-weight: 700; */
}
.branches .branch:active .info-icon, .branches .airport:hover .info-icon, .branches .airport:active .info-icon {
    /*transition: all 0.2s ease;*/
    /*background: transparent url("/israel/_media/images/new_front/search-window/branch-i-icon-white.png") no-repeat 5px;*/
    /*background-size: 1.125em; */
}
.branches .branch:hover .branch-name, .branches .branch:hover .airport-name, .branches .branch:active .branch-name, .branches .branch:active .airport-name, .branches .airport:hover .branch-name, .branches .airport:hover .airport-name, .branches .airport:active .branch-name, .branches .airport:active .airport-name {
    /*color: #fff; */
    color:  #ff7d19;
}
/* end  nitsan 21/06 change */
.more-info-window .wrap {
    position: relative; }

.more-info-window .info-window-back {
    position: absolute;
    left: 0; }
.more-info-window .info-window-back img {
    width: 37px; }

.more-info-window .info-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 3.44828%; }

.more-info-window .address-title, .more-info-window .hours-title {
    font-size: 17px;
    font-weight: 700; }

.more-info-window .hours-title {
    margin-top: 3.44828%; }

.more-info-window .info-attr {
    color: #777;
    font-size: 17px;
    font-weight: 400; }

.more-info-window p.more-info {
    font-size: 15px; }

.more-info-window .btn {
    color: white;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 3px;
    font-size: 20px;
    text-align: center;
    color: white;
    font-weight: 700; }

.more-info-window .btn-green {
    background: #10a831; }
.more-info-window .btn-green:hover {
    background: #0c8326;
    transition: all 0.3s ease; }
.more-info-window .btn-green:active {
    background: #05340f; }

.more-info-window a.waze {
    display: inline-block;
    float: left;
    color: black;
    text-align: center;
    font-size: 15px; }

section.order {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms linear, visibility 0s linear;
    -webkit-transition-delay: 0s, 500ms;
    transition: opacity 300ms linear, visibility 0s linear 500ms;
    z-index: 131 !important;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: auto; }
section.order a.close {
    position: absolute;
    left: 10px;
    z-index: 110;
    top: 10px;
    cursor: pointer; }
section.order.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms linear, visibility 0s linear; }

.search-window {
    z-index: 132 !important; }

section.branches .filters-section {
    display: none; }
@media (min-width: 768px) {
    section.branches .filters-section {
        display: block; } }

section.branches .filters-section {
    position: relative; }
section.branches .filters-section > .wrap {
    display: none; }
@media (min-width: 768px) {
    section.branches .filters-section {
        /*padding-top: 20px;*/
        padding-top: 5px; /*Ofir Change 22/6*/
        border-bottom: 3px solid #d9d9d9; }
    section.branches .filters-section > .wrap {
        display: block; }
    section.branches ul.filter_nav {
        /*padding: 0;*/
        /* let the filter section a little closer to the edge*/
        margin-bottom: 5px;
        background-color: #efeeee;
        margin: 0;
        padding: 30px 0px 0px 56px;
    }
    section.branches ul.filter_nav li {
        display: inline;
        margin-right: 3.44828%; }
    section.branches ul.filter_nav a {
        font-size: 1.125em;
        color: #585757;
        position: relative;
        padding-top: 10px; }
    section.branches ul.filter_nav li.active a {
        color: #ff7d19; }
    section.branches ul.filter_nav li.active .v-icon {
        position: absolute;
        background: transparent url("/_media/images/new_front/icons/icon-v-desktop-orange.png") no-repeat left center;
        width: 100%;
        height: 12px;
        left: 0;
        top: 0; } }

@media (min-width: 768px) {
    .branches-slider {
        display: none;
    }
}

.tablet-up {
    display: none; }
@media (min-width: 768px) {
    .tablet-up {
        display: block; } }

.branches.tablet-up {
    background-color: #efeeee;
    padding: 20px 0; }
.branches.tablet-up .branch {
    border: none;
    margin-bottom: 20px; }
.branches.tablet-up .branch > .wrap {
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    background-color: #fff;
}

.branches.tablet-up .branch .title h2{
    margin:0px !important;
    padding:0px;
    font-weight:normal;
}
.branches.tablet-up .branch .title, .branches.tablet-up .branch .title h2 /*Ofir Change 21/6*/{
    color: #ff7d19;
    font-size: 25px;
    margin-bottom: 20px;
}
.branches.tablet-up .branch .address-title, .branches.tablet-up .branch .hours-title, .branches.tablet-up .branch .phones-title {
    font-size: 18px;
    font-weight: 700; }
.branches.tablet-up .branch .hours-content, .branches.tablet-up .branch .phone, .branches.tablet-up .branch .address-to, .branches.tablet-up .branch .address-from {
    font-size: 16px; }
.branches.tablet-up .branch .address {
    background: transparent url("/_media/images/new_front/icons/pin.png") no-repeat left top 4px;
    padding-left: 56px;
    margin-bottom: 20px;
    /* min-height created to makes the div the same height as theicon height*/
    min-height: 50px;
}
.branches.tablet-up .branch .hours {
    background: transparent url("/_media/images/new_front/icons/clock.png") no-repeat left top 4px;
    padding-left: 55px;
    margin-bottom: 20px; }
.branches.tablet-up .branch .phones {
    background: transparent url("/_media/images/new_front/icons/phone.png") no-repeat left top 4px;
    padding-left: 55px;
    min-height: 60px;
}
.branches.tablet-up .info-box {
    width: 56.89655%;
    float: left;
    margin-right: 3.44828%; }
.branches.tablet-up .action-box {
    width: 39.65517%;
    float: right;
    margin-right: 0; }
.branches.tablet-up .map {
    width: 100%; }
.branches.tablet-up .map img {
    width: 100%;
    display: block; }
.branches.tablet-up .btn {
    color: white;
    text-decoration: none;
    /*padding: 5px 10px;*/
    padding: 15px 10px; /* ofir change*/
    border-radius: 3px;
    font-size: 0.669em;
    text-align: center;
    color: white;
    font-weight: 700; }
.branches.tablet-up .btn-green {
    background: #10a831; }

.branches.tablet-up .btn-green a{
    color: #FFFFFF;}

.branches.tablet-up .btn-green:hover {
    background: #0c8326;
    transition: all 0.3s ease; }
.branches.tablet-up .btn-green:active {
    background: #05340f; }
.branches.tablet-up .submit-btn-wrapper {
    margin-top: 100px; }
.branches.tablet-up .branch:hover, .branches.tablet-up .branch:active, .branches.tablet-up .airport:hover, .branches.tablet-up .airport:active {
    background: transparent;
    font-weight: normal; }
.branches.tablet-up .branch:hover .branch-name, .branches.tablet-up .branch:hover .airport-name, .branches.tablet-up .branch:active .branch-name, .branches.tablet-up .branch:active .airport-name, .branches.tablet-up .airport:hover .branch-name, .branches.tablet-up .airport:hover .airport-name, .branches.tablet-up .airport:active .branch-name, .branches.tablet-up .airport:active .airport-name {
    color: #fff; }

@media (min-width: 1025px) {
    .branches.tablet-up .info-box .title, .branches.tablet-up .info-box .address, .branches.tablet-up .info-box .hours, .branches.tablet-up .info-box .phones {
        width: 21.73913%;
        float: left;
        margin-right: 4.34783%; }
    .branches.tablet-up .info-box .phones {
        float: left;
        margin-right: 0; }
    .branches.tablet-up .action-box .map {
        width: 48.27586%;
        float: right;
        margin-right: 0; }
    .branches.tablet-up .action-box .btn-outer-wrap {
        width: 48.27586%;
        float: left;
        margin-right: 3.44828%;
        text-align: center; }
    .branches.tablet-up .action-box .submit-btn-wrapper {
        display: inline-block;
        /*width: 90%;*/
        width:75% /* ofir change*/;
        font-size: 25px; }
    .branches.tablet-up .branch {
        margin-bottom: 20px;
        padding: 0; }
    .branches.tablet-up .branch .wrap {
        padding-right: 0; }
    .branches.tablet-up .branch .title, .branches.tablet-up .branch .address, .branches.tablet-up .branch .hours, .branches.tablet-up .branch .phones, .branches.tablet-up .branch .btn-outer-wrap {
        margin-top: 50px; }
    .branches.tablet-up .submit-btn-wrapper {
        margin-top: 0; } }

@media (min-width: 1025px) {
    .main-wrapper section.order {
        position: absolute; } }

/*****************ofir change start*****************/
/*the min-height fix the filter problem (if the height is to small all the filter select will ruined) */
.branches-slider{
    min-height: 450px;
}

/* create a small line */
.tablet-up .info-box div.title{
    border-right:2px solid #dcdce3;
}
/* delete all the margin and padding the additor create inside the content*/
.info-box *{
    margin:0px;
    padding:0px;
}

@media(max-width: 1024px) and (min-width: 768px){
    .branches.tablet-up .btn{
        padding: 10px 10px;
        font-size: 1em;
    }

    .branches.tablet-up .action-box .submit-btn-wrapper{
        width: 100%;
        margin:35px 0px;
    }

    .branches.tablet-up .submit-btn-wrapper {
        margin-top: 67px;
    }
}
/*****************ofir change end******************/

/*Itay changes*/
.tablet-up .info-box div.title{
     border-left: none;
}
@media(min-width: 1024px){
    .tablet-up .info-box div.title{
        border-right: 2px solid #dcdce3;
    }
}
/*End Itay changes*/

/*Ofir change 22/6*/
.page-title h1{
    color: #ff7d19;
    padding:0px;
    margin:0px;
    font-weight: normal;
    padding-left: 44px;
    text-align: left;
    padding-top:10px;
}

ul.crumbs .wrap {
    padding-right: 0px;
    margin-left: 33px;
}
/*End ofir change*/

@media(min-width: 1024px) and (max-width: 1620px){
    .branches.tablet-up .branch .phone span{
        display: block;
    }

    section.branches ul.filter_nav li{
        margin-right:1.44828% !important;
    }

    section.branches ul.filter_nav a{
        font-size:1em !important;
    }
}


/*ofir addition to the maps*/

#gmap .background_map{
    height: 190px;
    background-size: cover;
    position: relative;
}

#gmap .background_map .overlay_click{
    width: 100%;
    background: transparent url("/_media/images/new_front/map_icon.png") no-repeat center 35%;
    position: absolute;
}

#gmap .background_map .overlay_click {
    cursor: pointer; }

#gmap .background_map .image_link_hover_text {
    position: absolute;
    width: 100%;
    display: block;
    color: white;
    font-size: 20px;
    top: 66%;
    text-align: center;
}

#gmap .background_map .overlay_click {
    height: 100%;
    opacity: 0;
    background-color: #ff7d19;
}
#gmap .background_map:hover .overlay_click {
    opacity: 1;
}

/*End ofir addition to the maps*/


@media(min-width: 769px){
    .branches{
        min-height: calc(100vh - 425px);
    }
}

@media(min-width: 1200px){
    .branches{
        min-height: calc(100vh - 283px);
    }
}
@media(min-width: 1700px){
    .branches{
        min-height: calc(100vh - 338px);
    }
}