.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -ms-flex-align: start;
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-container-3d {
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: transform .2s,top .2s
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s,left .2s
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https:/jonsuh.com/hamburgers
 * @link https:/github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger.is-active:hover, .hamburger:hover {
        opacity: .7
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
        background-color: #000
    }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 40px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }

        .hamburger-inner:after, .hamburger-inner:before {
            content: "";
            display: block
        }

        .hamburger-inner:before {
            top: -10px
        }

        .hamburger-inner:after {
            bottom: -10px
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg)
}

    .hamburger--3dx.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg)
}

    .hamburger--3dx-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg)
}

    .hamburger--3dy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg)
}

    .hamburger--3dy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg)
}

    .hamburger--3dxy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dxy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
        transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

    .hamburger--3dxy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dxy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

    .hamburger--arrowturn.is-active .hamburger-inner:before {
        transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
    }

    .hamburger--arrowturn.is-active .hamburger-inner:after {
        transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
    }

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

    .hamburger--arrowturn-r.is-active .hamburger-inner:before {
        transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner:after {
        transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
    }

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

    .hamburger--boring.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--boring.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-90deg);
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--collapse-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse-r .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--collapse-r.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
    }

    .hamburger--collapse-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(90deg);
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

    .hamburger--elastic .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(135deg);
    transition-delay: 75ms
}

    .hamburger--elastic.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-270deg);
        transition-delay: 75ms
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

    .hamburger--elastic-r .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic-r .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-135deg);
    transition-delay: 75ms
}

    .hamburger--elastic-r.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(270deg);
        transition-delay: 75ms
    }

.hamburger--emphatic {
    overflow: hidden
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color .125s ease-in .175s
    }

        .hamburger--emphatic .hamburger-inner:before {
            left: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
        }

        .hamburger--emphatic .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important
    }

        .hamburger--emphatic.is-active .hamburger-inner:before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px,80px,0) rotate(45deg);
            transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
        }

        .hamburger--emphatic.is-active .hamburger-inner:after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px,80px,0) rotate(-45deg);
            transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
        }

.hamburger--emphatic-r {
    overflow: hidden
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color .125s ease-in .175s
    }

        .hamburger--emphatic-r .hamburger-inner:before {
            left: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
        }

        .hamburger--emphatic-r .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important
    }

        .hamburger--emphatic-r.is-active .hamburger-inner:before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px,-80px,0) rotate(-45deg);
            transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
        }

        .hamburger--emphatic-r.is-active .hamburger-inner:after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px,-80px,0) rotate(45deg);
            transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
        }

.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
    opacity: 0;
    transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

    .hamburger--slider .hamburger-inner:before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: .15s
    }

    .hamburger--slider .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner:before {
        transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-90deg)
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

    .hamburger--slider-r .hamburger-inner:before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: .15s
    }

    .hamburger--slider-r .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

    .hamburger--slider-r.is-active .hamburger-inner:before {
        transform: rotate(45deg) translate3d(5.71429px,-6px,0);
        opacity: 0
    }

    .hamburger--slider-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(90deg)
    }

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spin.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s
    }

    .hamburger--spin.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
    }

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin-r .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin-r .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spin-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s
    }

    .hamburger--spin-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

    .hamburger--spring .hamburger-inner:before {
        top: 10px;
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--spring .hamburger-inner:after {
        top: 20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important
}

    .hamburger--spring.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--spring.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(-45deg)
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spring-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
    }

    .hamburger--spring-r .hamburger-inner:before {
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--spring-r.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s
    }

    .hamburger--spring-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(90deg);
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s
    }

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

    .hamburger--stand .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
    }

    .hamburger--stand .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s
}

    .hamburger--stand.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
    }

    .hamburger--stand.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

    .hamburger--stand-r .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
    }

    .hamburger--stand-r .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s
}

    .hamburger--stand-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
    }

    .hamburger--stand-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
    }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 75ms ease .12s,opacity 75ms ease
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top 75ms ease,opacity 75ms ease .12s
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s
    }

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
        transition-duration: 0s;
        transition-delay: .1s;
        transition-timing-function: linear
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
        transition-delay: 0s
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg)
    }

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
        transition-duration: 0s;
        transition-delay: .1s;
        transition-timing-function: linear
    }

    .hamburger--vortex-r .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex-r .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

    .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
        transition-delay: 0s
    }

    .hamburger--vortex-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }
/*!
 * jQuery UI Datepicker 1.12.1
 * http:/jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http:/jquery.org/license
 *
 * http:/api.jqueryui.com/datepicker/#theming
 */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff;
    padding: 20px
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(180deg,#eee,#ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            background: #fff
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                transition: opacity .2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0,0,0,.9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid hsla(0,0%,78%,.8);
                    background-color: hsla(0,0%,100%,.8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: hsla(0,0%,100%,.4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview:hover .dz-image img {
            transform: scale(1.05);
            filter: blur(8px)
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            animation: passing-through 3s cubic-bezier(.77,0,.175,1)
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            animation: slide-in 3s cubic-bezier(.77,0,.175,1)
        }

        .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px
        }

            .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
                display: block;
                width: 54px;
                height: 54px
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            transition: all .2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            transition: opacity .4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            animation: pulse 6s ease infinite
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: hsla(0,0%,100%,.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(180deg,#666,#444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                transition: width .3s ease-in-out
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            transition: opacity .3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(180deg,#be2626,#a92222);
            padding: .5em 1.2em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626
            }
/*!
Animate.css - http:/daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

    .animated.hinge {
        animation-duration: 2s
    }

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation-name: bounce
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

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

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

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

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    to {
        transform: translateX(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    to {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0deg);
        opacity: 1
    }

    to {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    to {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    to {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    to {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}
/*!
 * Font Awesome Free 5.9.0 by @fontawesome - https:/fontawesome.com
 * License - https:/fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\F26E"
}

.fa-accessible-icon:before {
    content: "\F368"
}

.fa-accusoft:before {
    content: "\F369"
}

.fa-acquisitions-incorporated:before {
    content: "\F6AF"
}

.fa-ad:before {
    content: "\F641"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-card:before {
    content: "\F2BB"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-adn:before {
    content: "\F170"
}

.fa-adobe:before {
    content: "\F778"
}

.fa-adversal:before {
    content: "\F36A"
}

.fa-affiliatetheme:before {
    content: "\F36B"
}

.fa-air-freshener:before {
    content: "\F5D0"
}

.fa-airbnb:before {
    content: "\F834"
}

.fa-algolia:before {
    content: "\F36C"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-alipay:before {
    content: "\F642"
}

.fa-allergies:before {
    content: "\F461"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-amazon-pay:before {
    content: "\F42C"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-american-sign-language-interpreting:before {
    content: "\F2A3"
}

.fa-amilia:before {
    content: "\F36D"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-android:before {
    content: "\F17B"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angry:before {
    content: "\F556"
}

.fa-angrycreative:before {
    content: "\F36E"
}

.fa-angular:before {
    content: "\F420"
}

.fa-ankh:before {
    content: "\F644"
}

.fa-app-store:before {
    content: "\F36F"
}

.fa-app-store-ios:before {
    content: "\F370"
}

.fa-apper:before {
    content: "\F371"
}

.fa-apple:before {
    content: "\F179"
}

.fa-apple-alt:before {
    content: "\F5D1"
}

.fa-apple-pay:before {
    content: "\F415"
}

.fa-archive:before {
    content: "\F187"
}

.fa-archway:before {
    content: "\F557"
}

.fa-arrow-alt-circle-down:before {
    content: "\F358"
}

.fa-arrow-alt-circle-left:before {
    content: "\F359"
}

.fa-arrow-alt-circle-right:before {
    content: "\F35A"
}

.fa-arrow-alt-circle-up:before {
    content: "\F35B"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-arrows-alt-h:before {
    content: "\F337"
}

.fa-arrows-alt-v:before {
    content: "\F338"
}

.fa-artstation:before {
    content: "\F77A"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-asymmetrik:before {
    content: "\F372"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-atlas:before {
    content: "\F558"
}

.fa-atlassian:before {
    content: "\F77B"
}

.fa-atom:before {
    content: "\F5D2"
}

.fa-audible:before {
    content: "\F373"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-autoprefixer:before {
    content: "\F41C"
}

.fa-avianex:before {
    content: "\F374"
}

.fa-aviato:before {
    content: "\F421"
}

.fa-award:before {
    content: "\F559"
}

.fa-aws:before {
    content: "\F375"
}

.fa-baby:before {
    content: "\F77C"
}

.fa-baby-carriage:before {
    content: "\F77D"
}

.fa-backspace:before {
    content: "\F55A"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-bacon:before {
    content: "\F7E5"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-balance-scale-left:before {
    content: "\F515"
}

.fa-balance-scale-right:before {
    content: "\F516"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-band-aid:before {
    content: "\F462"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-bars:before {
    content: "\F0C9"
}

.fa-baseball-ball:before {
    content: "\F433"
}

.fa-basketball-ball:before {
    content: "\F434"
}

.fa-bath:before {
    content: "\F2CD"
}

.fa-battery-empty:before {
    content: "\F244"
}

.fa-battery-full:before {
    content: "\F240"
}

.fa-battery-half:before {
    content: "\F242"
}

.fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battle-net:before {
    content: "\F835"
}

.fa-bed:before {
    content: "\F236"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bezier-curve:before {
    content: "\F55B"
}

.fa-bible:before {
    content: "\F647"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-biking:before {
    content: "\F84A"
}

.fa-bimobject:before {
    content: "\F378"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-biohazard:before {
    content: "\F780"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitcoin:before {
    content: "\F379"
}

.fa-bity:before {
    content: "\F37A"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-blackberry:before {
    content: "\F37B"
}

.fa-blender:before {
    content: "\F517"
}

.fa-blender-phone:before {
    content: "\F6B6"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-blog:before {
    content: "\F781"
}

.fa-blogger:before {
    content: "\F37C"
}

.fa-blogger-b:before {
    content: "\F37D"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-bold:before {
    content: "\F032"
}

.fa-bolt:before {
    content: "\F0E7"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-bone:before {
    content: "\F5D7"
}

.fa-bong:before {
    content: "\F55C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-book-dead:before {
    content: "\F6B7"
}

.fa-book-medical:before {
    content: "\F7E6"
}

.fa-book-open:before {
    content: "\F518"
}

.fa-book-reader:before {
    content: "\F5DA"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-bootstrap:before {
    content: "\F836"
}

.fa-border-all:before {
    content: "\F84C"
}

.fa-border-none:before {
    content: "\F850"
}

.fa-border-style:before {
    content: "\F853"
}

.fa-bowling-ball:before {
    content: "\F436"
}

.fa-box:before {
    content: "\F466"
}

.fa-box-open:before {
    content: "\F49E"
}

.fa-boxes:before {
    content: "\F468"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-brain:before {
    content: "\F5DC"
}

.fa-bread-slice:before {
    content: "\F7EC"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-briefcase-medical:before {
    content: "\F469"
}

.fa-broadcast-tower:before {
    content: "\F519"
}

.fa-broom:before {
    content: "\F51A"
}

.fa-brush:before {
    content: "\F55D"
}

.fa-btc:before {
    content: "\F15A"
}

.fa-buffer:before {
    content: "\F837"
}

.fa-bug:before {
    content: "\F188"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-burn:before {
    content: "\F46A"
}

.fa-buromobelexperte:before {
    content: "\F37F"
}

.fa-bus:before {
    content: "\F207"
}

.fa-bus-alt:before {
    content: "\F55E"
}

.fa-business-time:before {
    content: "\F64A"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-calendar:before {
    content: "\F133"
}

.fa-calendar-alt:before {
    content: "\F073"
}

.fa-calendar-check:before {
    content: "\F274"
}

.fa-calendar-day:before {
    content: "\F783"
}

.fa-calendar-minus:before {
    content: "\F272"
}

.fa-calendar-plus:before {
    content: "\F271"
}

.fa-calendar-times:before {
    content: "\F273"
}

.fa-calendar-week:before {
    content: "\F784"
}

.fa-camera:before {
    content: "\F030"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-campground:before {
    content: "\F6BB"
}

.fa-canadian-maple-leaf:before {
    content: "\F785"
}

.fa-candy-cane:before {
    content: "\F786"
}

.fa-cannabis:before {
    content: "\F55F"
}

.fa-capsules:before {
    content: "\F46B"
}

.fa-car:before {
    content: "\F1B9"
}

.fa-car-alt:before {
    content: "\F5DE"
}

.fa-car-battery:before {
    content: "\F5DF"
}

.fa-car-crash:before {
    content: "\F5E1"
}

.fa-car-side:before {
    content: "\F5E4"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-caret-square-down:before {
    content: "\F150"
}

.fa-caret-square-left:before {
    content: "\F191"
}

.fa-caret-square-right:before {
    content: "\F152"
}

.fa-caret-square-up:before {
    content: "\F151"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-carrot:before {
    content: "\F787"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cash-register:before {
    content: "\F788"
}

.fa-cat:before {
    content: "\F6BE"
}

.fa-cc-amazon-pay:before {
    content: "\F42D"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-apple-pay:before {
    content: "\F416"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-centercode:before {
    content: "\F380"
}

.fa-centos:before {
    content: "\F789"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-chair:before {
    content: "\F6C0"
}

.fa-chalkboard:before {
    content: "\F51B"
}

.fa-chalkboard-teacher:before {
    content: "\F51C"
}

.fa-charging-station:before {
    content: "\F5E7"
}

.fa-chart-area:before {
    content: "\F1FE"
}

.fa-chart-bar:before {
    content: "\F080"
}

.fa-chart-line:before {
    content: "\F201"
}

.fa-chart-pie:before {
    content: "\F200"
}

.fa-check:before {
    content: "\F00C"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-check-double:before {
    content: "\F560"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-cheese:before {
    content: "\F7EF"
}

.fa-chess:before {
    content: "\F439"
}

.fa-chess-bishop:before {
    content: "\F43A"
}

.fa-chess-board:before {
    content: "\F43C"
}

.fa-chess-king:before {
    content: "\F43F"
}

.fa-chess-knight:before {
    content: "\F441"
}

.fa-chess-pawn:before {
    content: "\F443"
}

.fa-chess-queen:before {
    content: "\F445"
}

.fa-chess-rook:before {
    content: "\F447"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-chromecast:before {
    content: "\F838"
}

.fa-church:before {
    content: "\F51D"
}

.fa-circle:before {
    content: "\F111"
}

.fa-circle-notch:before {
    content: "\F1CE"
}

.fa-city:before {
    content: "\F64F"
}

.fa-clinic-medical:before {
    content: "\F7F2"
}

.fa-clipboard:before {
    content: "\F328"
}

.fa-clipboard-check:before {
    content: "\F46C"
}

.fa-clipboard-list:before {
    content: "\F46D"
}

.fa-clock:before {
    content: "\F017"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-closed-captioning:before {
    content: "\F20A"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-cloud-download-alt:before {
    content: "\F381"
}

.fa-cloud-meatball:before {
    content: "\F73B"
}

.fa-cloud-moon:before {
    content: "\F6C3"
}

.fa-cloud-moon-rain:before {
    content: "\F73C"
}

.fa-cloud-rain:before {
    content: "\F73D"
}

.fa-cloud-showers-heavy:before {
    content: "\F740"
}

.fa-cloud-sun:before {
    content: "\F6C4"
}

.fa-cloud-sun-rain:before {
    content: "\F743"
}

.fa-cloud-upload-alt:before {
    content: "\F382"
}

.fa-cloudscale:before {
    content: "\F383"
}

.fa-cloudsmith:before {
    content: "\F384"
}

.fa-cloudversify:before {
    content: "\F385"
}

.fa-cocktail:before {
    content: "\F561"
}

.fa-code:before {
    content: "\F121"
}

.fa-code-branch:before {
    content: "\F126"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cog:before {
    content: "\F013"
}

.fa-cogs:before {
    content: "\F085"
}

.fa-coins:before {
    content: "\F51E"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-comment:before {
    content: "\F075"
}

.fa-comment-alt:before {
    content: "\F27A"
}

.fa-comment-dollar:before {
    content: "\F651"
}

.fa-comment-dots:before {
    content: "\F4AD"
}

.fa-comment-medical:before {
    content: "\F7F5"
}

.fa-comment-slash:before {
    content: "\F4B3"
}

.fa-comments:before {
    content: "\F086"
}

.fa-comments-dollar:before {
    content: "\F653"
}

.fa-compact-disc:before {
    content: "\F51F"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-compress:before {
    content: "\F066"
}

.fa-compress-arrows-alt:before {
    content: "\F78C"
}

.fa-concierge-bell:before {
    content: "\F562"
}

.fa-confluence:before {
    content: "\F78D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-cookie:before {
    content: "\F563"
}

.fa-cookie-bite:before {
    content: "\F564"
}

.fa-copy:before {
    content: "\F0C5"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-couch:before {
    content: "\F4B8"
}

.fa-cpanel:before {
    content: "\F388"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-creative-commons-by:before {
    content: "\F4E7"
}

.fa-creative-commons-nc:before {
    content: "\F4E8"
}

.fa-creative-commons-nc-eu:before {
    content: "\F4E9"
}

.fa-creative-commons-nc-jp:before {
    content: "\F4EA"
}

.fa-creative-commons-nd:before {
    content: "\F4EB"
}

.fa-creative-commons-pd:before {
    content: "\F4EC"
}

.fa-creative-commons-pd-alt:before {
    content: "\F4ED"
}

.fa-creative-commons-remix:before {
    content: "\F4EE"
}

.fa-creative-commons-sa:before {
    content: "\F4EF"
}

.fa-creative-commons-sampling:before {
    content: "\F4F0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\F4F1"
}

.fa-creative-commons-share:before {
    content: "\F4F2"
}

.fa-creative-commons-zero:before {
    content: "\F4F3"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-critical-role:before {
    content: "\F6C9"
}

.fa-crop:before {
    content: "\F125"
}

.fa-crop-alt:before {
    content: "\F565"
}

.fa-cross:before {
    content: "\F654"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-crow:before {
    content: "\F520"
}

.fa-crown:before {
    content: "\F521"
}

.fa-crutch:before {
    content: "\F7F7"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-css3-alt:before {
    content: "\F38B"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-cut:before {
    content: "\F0C4"
}

.fa-cuttlefish:before {
    content: "\F38C"
}

.fa-d-and-d:before {
    content: "\F38D"
}

.fa-d-and-d-beyond:before {
    content: "\F6CA"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-deaf:before {
    content: "\F2A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-democrat:before {
    content: "\F747"
}

.fa-deploydog:before {
    content: "\F38E"
}

.fa-deskpro:before {
    content: "\F38F"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-dev:before {
    content: "\F6CC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-dharmachakra:before {
    content: "\F655"
}

.fa-dhl:before {
    content: "\F790"
}

.fa-diagnoses:before {
    content: "\F470"
}

.fa-diaspora:before {
    content: "\F791"
}

.fa-dice:before {
    content: "\F522"
}

.fa-dice-d20:before {
    content: "\F6CF"
}

.fa-dice-d6:before {
    content: "\F6D1"
}

.fa-dice-five:before {
    content: "\F523"
}

.fa-dice-four:before {
    content: "\F524"
}

.fa-dice-one:before {
    content: "\F525"
}

.fa-dice-six:before {
    content: "\F526"
}

.fa-dice-three:before {
    content: "\F527"
}

.fa-dice-two:before {
    content: "\F528"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-digital-ocean:before {
    content: "\F391"
}

.fa-digital-tachograph:before {
    content: "\F566"
}

.fa-directions:before {
    content: "\F5EB"
}

.fa-discord:before {
    content: "\F392"
}

.fa-discourse:before {
    content: "\F393"
}

.fa-divide:before {
    content: "\F529"
}

.fa-dizzy:before {
    content: "\F567"
}

.fa-dna:before {
    content: "\F471"
}

.fa-dochub:before {
    content: "\F394"
}

.fa-docker:before {
    content: "\F395"
}

.fa-dog:before {
    content: "\F6D3"
}

.fa-dollar-sign:before {
    content: "\F155"
}

.fa-dolly:before {
    content: "\F472"
}

.fa-dolly-flatbed:before {
    content: "\F474"
}

.fa-donate:before {
    content: "\F4B9"
}

.fa-door-closed:before {
    content: "\F52A"
}

.fa-door-open:before {
    content: "\F52B"
}

.fa-dot-circle:before {
    content: "\F192"
}

.fa-dove:before {
    content: "\F4BA"
}

.fa-download:before {
    content: "\F019"
}

.fa-draft2digital:before {
    content: "\F396"
}

.fa-drafting-compass:before {
    content: "\F568"
}

.fa-dragon:before {
    content: "\F6D5"
}

.fa-draw-polygon:before {
    content: "\F5EE"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-dribbble-square:before {
    content: "\F397"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-drum:before {
    content: "\F569"
}

.fa-drum-steelpan:before {
    content: "\F56A"
}

.fa-drumstick-bite:before {
    content: "\F6D7"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-dumbbell:before {
    content: "\F44B"
}

.fa-dumpster:before {
    content: "\F793"
}

.fa-dumpster-fire:before {
    content: "\F794"
}

.fa-dungeon:before {
    content: "\F6D9"
}

.fa-dyalog:before {
    content: "\F399"
}

.fa-earlybirds:before {
    content: "\F39A"
}

.fa-ebay:before {
    content: "\F4F4"
}

.fa-edge:before {
    content: "\F282"
}

.fa-edit:before {
    content: "\F044"
}

.fa-egg:before {
    content: "\F7FB"
}

.fa-eject:before {
    content: "\F052"
}

.fa-elementor:before {
    content: "\F430"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-ello:before {
    content: "\F5F1"
}

.fa-ember:before {
    content: "\F423"
}

.fa-empire:before {
    content: "\F1D1"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-text:before {
    content: "\F658"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-envira:before {
    content: "\F299"
}

.fa-equals:before {
    content: "\F52C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-erlang:before {
    content: "\F39D"
}

.fa-ethereum:before {
    content: "\F42E"
}

.fa-ethernet:before {
    content: "\F796"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-euro-sign:before {
    content: "\F153"
}

.fa-evernote:before {
    content: "\F839"
}

.fa-exchange-alt:before {
    content: "\F362"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-exclamation-triangle:before {
    content: "\F071"
}

.fa-expand:before {
    content: "\F065"
}

.fa-expand-arrows-alt:before {
    content: "\F31E"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-external-link-alt:before {
    content: "\F35D"
}

.fa-external-link-square-alt:before {
    content: "\F360"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-dropper:before {
    content: "\F1FB"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-facebook:before {
    content: "\F09A"
}

.fa-facebook-f:before {
    content: "\F39E"
}

.fa-facebook-messenger:before {
    content: "\F39F"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-fan:before {
    content: "\F863"
}

.fa-fantasy-flight-games:before {
    content: "\F6DC"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-feather:before {
    content: "\F52D"
}

.fa-feather-alt:before {
    content: "\F56B"
}

.fa-fedex:before {
    content: "\F797"
}

.fa-fedora:before {
    content: "\F798"
}

.fa-female:before {
    content: "\F182"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-figma:before {
    content: "\F799"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-alt:before {
    content: "\F15C"
}

.fa-file-archive:before {
    content: "\F1C6"
}

.fa-file-audio:before {
    content: "\F1C7"
}

.fa-file-code:before {
    content: "\F1C9"
}

.fa-file-contract:before {
    content: "\F56C"
}

.fa-file-csv:before {
    content: "\F6DD"
}

.fa-file-download:before {
    content: "\F56D"
}

.fa-file-excel:before {
    content: "\F1C3"
}

.fa-file-export:before {
    content: "\F56E"
}

.fa-file-image:before {
    content: "\F1C5"
}

.fa-file-import:before {
    content: "\F56F"
}

.fa-file-invoice:before {
    content: "\F570"
}

.fa-file-invoice-dollar:before {
    content: "\F571"
}

.fa-file-medical:before {
    content: "\F477"
}

.fa-file-medical-alt:before {
    content: "\F478"
}

.fa-file-pdf:before {
    content: "\F1C1"
}

.fa-file-powerpoint:before {
    content: "\F1C4"
}

.fa-file-prescription:before {
    content: "\F572"
}

.fa-file-signature:before {
    content: "\F573"
}

.fa-file-upload:before {
    content: "\F574"
}

.fa-file-video:before {
    content: "\F1C8"
}

.fa-file-word:before {
    content: "\F1C2"
}

.fa-fill:before {
    content: "\F575"
}

.fa-fill-drip:before {
    content: "\F576"
}

.fa-film:before {
    content: "\F008"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-fingerprint:before {
    content: "\F577"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-fire-alt:before {
    content: "\F7E4"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-first-aid:before {
    content: "\F479"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-first-order-alt:before {
    content: "\F50A"
}

.fa-firstdraft:before {
    content: "\F3A1"
}

.fa-fish:before {
    content: "\F578"
}

.fa-fist-raised:before {
    content: "\F6DE"
}

.fa-flag:before {
    content: "\F024"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-flag-usa:before {
    content: "\F74D"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-flipboard:before {
    content: "\F44D"
}

.fa-flushed:before {
    content: "\F579"
}

.fa-fly:before {
    content: "\F417"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-minus:before {
    content: "\F65D"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-folder-plus:before {
    content: "\F65E"
}

.fa-font:before {
    content: "\F031"
}

.fa-font-awesome:before {
    content: "\F2B4"
}

.fa-font-awesome-alt:before {
    content: "\F35C"
}

.fa-font-awesome-flag:before {
    content: "\F425"
}

.fa-font-awesome-logo-full:before {
    content: "\F4E6"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-fonticons-fi:before {
    content: "\F3A2"
}

.fa-football-ball:before {
    content: "\F44E"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-fort-awesome-alt:before {
    content: "\F3A3"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-freebsd:before {
    content: "\F3A4"
}

.fa-frog:before {
    content: "\F52E"
}

.fa-frown:before {
    content: "\F119"
}

.fa-frown-open:before {
    content: "\F57A"
}

.fa-fulcrum:before {
    content: "\F50B"
}

.fa-funnel-dollar:before {
    content: "\F662"
}

.fa-futbol:before {
    content: "\F1E3"
}

.fa-galactic-republic:before {
    content: "\F50C"
}

.fa-galactic-senate:before {
    content: "\F50D"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-gas-pump:before {
    content: "\F52F"
}

.fa-gavel:before {
    content: "\F0E3"
}

.fa-gem:before {
    content: "\F3A5"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-ghost:before {
    content: "\F6E2"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-gifts:before {
    content: "\F79C"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-git-alt:before {
    content: "\F841"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-github:before {
    content: "\F09B"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-gitkraken:before {
    content: "\F3A6"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-gitter:before {
    content: "\F426"
}

.fa-glass-cheers:before {
    content: "\F79F"
}

.fa-glass-martini:before {
    content: "\F000"
}

.fa-glass-martini-alt:before {
    content: "\F57B"
}

.fa-glass-whiskey:before {
    content: "\F7A0"
}

.fa-glasses:before {
    content: "\F530"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-globe-africa:before {
    content: "\F57C"
}

.fa-globe-americas:before {
    content: "\F57D"
}

.fa-globe-asia:before {
    content: "\F57E"
}

.fa-globe-europe:before {
    content: "\F7A2"
}

.fa-gofore:before {
    content: "\F3A7"
}

.fa-golf-ball:before {
    content: "\F450"
}

.fa-goodreads:before {
    content: "\F3A8"
}

.fa-goodreads-g:before {
    content: "\F3A9"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-google-drive:before {
    content: "\F3AA"
}

.fa-google-play:before {
    content: "\F3AB"
}

.fa-google-plus:before {
    content: "\F2B3"
}

.fa-google-plus-g:before {
    content: "\F0D5"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-gopuram:before {
    content: "\F664"
}

.fa-graduation-cap:before {
    content: "\F19D"
}

.fa-gratipay:before {
    content: "\F184"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-greater-than:before {
    content: "\F531"
}

.fa-greater-than-equal:before {
    content: "\F532"
}

.fa-grimace:before {
    content: "\F57F"
}

.fa-grin:before {
    content: "\F580"
}

.fa-grin-alt:before {
    content: "\F581"
}

.fa-grin-beam:before {
    content: "\F582"
}

.fa-grin-beam-sweat:before {
    content: "\F583"
}

.fa-grin-hearts:before {
    content: "\F584"
}

.fa-grin-squint:before {
    content: "\F585"
}

.fa-grin-squint-tears:before {
    content: "\F586"
}

.fa-grin-stars:before {
    content: "\F587"
}

.fa-grin-tears:before {
    content: "\F588"
}

.fa-grin-tongue:before {
    content: "\F589"
}

.fa-grin-tongue-squint:before {
    content: "\F58A"
}

.fa-grin-tongue-wink:before {
    content: "\F58B"
}

.fa-grin-wink:before {
    content: "\F58C"
}

.fa-grip-horizontal:before {
    content: "\F58D"
}

.fa-grip-lines:before {
    content: "\F7A4"
}

.fa-grip-lines-vertical:before {
    content: "\F7A5"
}

.fa-grip-vertical:before {
    content: "\F58E"
}

.fa-gripfire:before {
    content: "\F3AC"
}

.fa-grunt:before {
    content: "\F3AD"
}

.fa-guitar:before {
    content: "\F7A6"
}

.fa-gulp:before {
    content: "\F3AE"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-hacker-news:before {
    content: "\F1D4"
}

.fa-hacker-news-square:before {
    content: "\F3AF"
}

.fa-hackerrank:before {
    content: "\F5F7"
}

.fa-hamburger:before {
    content: "\F805"
}

.fa-hammer:before {
    content: "\F6E3"
}

.fa-hamsa:before {
    content: "\F665"
}

.fa-hand-holding:before {
    content: "\F4BD"
}

.fa-hand-holding-heart:before {
    content: "\F4BE"
}

.fa-hand-holding-usd:before {
    content: "\F4C0"
}

.fa-hand-lizard:before {
    content: "\F258"
}

.fa-hand-middle-finger:before {
    content: "\F806"
}

.fa-hand-paper:before {
    content: "\F256"
}

.fa-hand-peace:before {
    content: "\F25B"
}

.fa-hand-point-down:before {
    content: "\F0A7"
}

.fa-hand-point-left:before {
    content: "\F0A5"
}

.fa-hand-point-right:before {
    content: "\F0A4"
}

.fa-hand-point-up:before {
    content: "\F0A6"
}

.fa-hand-pointer:before {
    content: "\F25A"
}

.fa-hand-rock:before {
    content: "\F255"
}

.fa-hand-scissors:before {
    content: "\F257"
}

.fa-hand-spock:before {
    content: "\F259"
}

.fa-hands:before {
    content: "\F4C2"
}

.fa-hands-helping:before {
    content: "\F4C4"
}

.fa-handshake:before {
    content: "\F2B5"
}

.fa-hanukiah:before {
    content: "\F6E6"
}

.fa-hard-hat:before {
    content: "\F807"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-hat-wizard:before {
    content: "\F6E8"
}

.fa-haykal:before {
    content: "\F666"
}

.fa-hdd:before {
    content: "\F0A0"
}

.fa-heading:before {
    content: "\F1DC"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-headphones-alt:before {
    content: "\F58F"
}

.fa-headset:before {
    content: "\F590"
}

.fa-heart:before {
    content: "\F004"
}

.fa-heart-broken:before {
    content: "\F7A9"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-helicopter:before {
    content: "\F533"
}

.fa-highlighter:before {
    content: "\F591"
}

.fa-hiking:before {
    content: "\F6EC"
}

.fa-hippo:before {
    content: "\F6ED"
}

.fa-hips:before {
    content: "\F452"
}

.fa-hire-a-helper:before {
    content: "\F3B0"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-hockey-puck:before {
    content: "\F453"
}

.fa-holly-berry:before {
    content: "\F7AA"
}

.fa-home:before {
    content: "\F015"
}

.fa-hooli:before {
    content: "\F427"
}

.fa-hornbill:before {
    content: "\F592"
}

.fa-horse:before {
    content: "\F6F0"
}

.fa-horse-head:before {
    content: "\F7AB"
}

.fa-hospital:before {
    content: "\F0F8"
}

.fa-hospital-alt:before {
    content: "\F47D"
}

.fa-hospital-symbol:before {
    content: "\F47E"
}

.fa-hot-tub:before {
    content: "\F593"
}

.fa-hotdog:before {
    content: "\F80F"
}

.fa-hotel:before {
    content: "\F594"
}

.fa-hotjar:before {
    content: "\F3B1"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-start:before {
    content: "\F251"
}

.fa-house-damage:before {
    content: "\F6F1"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-hryvnia:before {
    content: "\F6F2"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-hubspot:before {
    content: "\F3B2"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-ice-cream:before {
    content: "\F810"
}

.fa-icicles:before {
    content: "\F7AD"
}

.fa-icons:before {
    content: "\F86D"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-id-card:before {
    content: "\F2C2"
}

.fa-id-card-alt:before {
    content: "\F47F"
}

.fa-igloo:before {
    content: "\F7AE"
}

.fa-image:before {
    content: "\F03E"
}

.fa-images:before {
    content: "\F302"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-industry:before {
    content: "\F275"
}

.fa-infinity:before {
    content: "\F534"
}

.fa-info:before {
    content: "\F129"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-intercom:before {
    content: "\F7AF"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-invision:before {
    content: "\F7B0"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-italic:before {
    content: "\F033"
}

.fa-itch-io:before {
    content: "\F83A"
}

.fa-itunes:before {
    content: "\F3B4"
}

.fa-itunes-note:before {
    content: "\F3B5"
}

.fa-java:before {
    content: "\F4E4"
}

.fa-jedi:before {
    content: "\F669"
}

.fa-jedi-order:before {
    content: "\F50E"
}

.fa-jenkins:before {
    content: "\F3B6"
}

.fa-jira:before {
    content: "\F7B1"
}

.fa-joget:before {
    content: "\F3B7"
}

.fa-joint:before {
    content: "\F595"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-journal-whills:before {
    content: "\F66A"
}

.fa-js:before {
    content: "\F3B8"
}

.fa-js-square:before {
    content: "\F3B9"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-kaaba:before {
    content: "\F66B"
}

.fa-kaggle:before {
    content: "\F5FA"
}

.fa-key:before {
    content: "\F084"
}

.fa-keybase:before {
    content: "\F4F5"
}

.fa-keyboard:before {
    content: "\F11C"
}

.fa-keycdn:before {
    content: "\F3BA"
}

.fa-khanda:before {
    content: "\F66D"
}

.fa-kickstarter:before {
    content: "\F3BB"
}

.fa-kickstarter-k:before {
    content: "\F3BC"
}

.fa-kiss:before {
    content: "\F596"
}

.fa-kiss-beam:before {
    content: "\F597"
}

.fa-kiss-wink-heart:before {
    content: "\F598"
}

.fa-kiwi-bird:before {
    content: "\F535"
}

.fa-korvue:before {
    content: "\F42F"
}

.fa-landmark:before {
    content: "\F66F"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-laptop-code:before {
    content: "\F5FC"
}

.fa-laptop-medical:before {
    content: "\F812"
}

.fa-laravel:before {
    content: "\F3BD"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-laugh:before {
    content: "\F599"
}

.fa-laugh-beam:before {
    content: "\F59A"
}

.fa-laugh-squint:before {
    content: "\F59B"
}

.fa-laugh-wink:before {
    content: "\F59C"
}

.fa-layer-group:before {
    content: "\F5FD"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-lemon:before {
    content: "\F094"
}

.fa-less:before {
    content: "\F41D"
}

.fa-less-than:before {
    content: "\F536"
}

.fa-less-than-equal:before {
    content: "\F537"
}

.fa-level-down-alt:before {
    content: "\F3BE"
}

.fa-level-up-alt:before {
    content: "\F3BF"
}

.fa-life-ring:before {
    content: "\F1CD"
}

.fa-lightbulb:before {
    content: "\F0EB"
}

.fa-line:before {
    content: "\F3C0"
}

.fa-link:before {
    content: "\F0C1"
}

.fa-linkedin:before {
    content: "\F08C"
}

.fa-linkedin-in:before {
    content: "\F0E1"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-lira-sign:before {
    content: "\F195"
}

.fa-list:before {
    content: "\F03A"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-lock:before {
    content: "\F023"
}

.fa-lock-open:before {
    content: "\F3C1"
}

.fa-long-arrow-alt-down:before {
    content: "\F309"
}

.fa-long-arrow-alt-left:before {
    content: "\F30A"
}

.fa-long-arrow-alt-right:before {
    content: "\F30B"
}

.fa-long-arrow-alt-up:before {
    content: "\F30C"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-luggage-cart:before {
    content: "\F59D"
}

.fa-lyft:before {
    content: "\F3C3"
}

.fa-magento:before {
    content: "\F3C4"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-mail-bulk:before {
    content: "\F674"
}

.fa-mailchimp:before {
    content: "\F59E"
}

.fa-male:before {
    content: "\F183"
}

.fa-mandalorian:before {
    content: "\F50F"
}

.fa-map:before {
    content: "\F279"
}

.fa-map-marked:before {
    content: "\F59F"
}

.fa-map-marked-alt:before {
    content: "\F5A0"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-map-marker-alt:before {
    content: "\F3C5"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-markdown:before {
    content: "\F60F"
}

.fa-marker:before {
    content: "\F5A1"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mask:before {
    content: "\F6FA"
}

.fa-mastodon:before {
    content: "\F4F6"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-medal:before {
    content: "\F5A2"
}

.fa-medapps:before {
    content: "\F3C6"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-medium-m:before {
    content: "\F3C7"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-medrt:before {
    content: "\F3C8"
}

.fa-meetup:before {
    content: "\F2E0"
}

.fa-megaport:before {
    content: "\F5A3"
}

.fa-meh:before {
    content: "\F11A"
}

.fa-meh-blank:before {
    content: "\F5A4"
}

.fa-meh-rolling-eyes:before {
    content: "\F5A5"
}

.fa-memory:before {
    content: "\F538"
}

.fa-mendeley:before {
    content: "\F7B3"
}

.fa-menorah:before {
    content: "\F676"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-meteor:before {
    content: "\F753"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-alt:before {
    content: "\F3C9"
}

.fa-microphone-alt-slash:before {
    content: "\F539"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-microscope:before {
    content: "\F610"
}

.fa-microsoft:before {
    content: "\F3CA"
}

.fa-minus:before {
    content: "\F068"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-mitten:before {
    content: "\F7B5"
}

.fa-mix:before {
    content: "\F3CB"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-mizuni:before {
    content: "\F3CC"
}

.fa-mobile:before {
    content: "\F10B"
}

.fa-mobile-alt:before {
    content: "\F3CD"
}

.fa-modx:before {
    content: "\F285"
}

.fa-monero:before {
    content: "\F3D0"
}

.fa-money-bill:before {
    content: "\F0D6"
}

.fa-money-bill-alt:before {
    content: "\F3D1"
}

.fa-money-bill-wave:before {
    content: "\F53A"
}

.fa-money-bill-wave-alt:before {
    content: "\F53B"
}

.fa-money-check:before {
    content: "\F53C"
}

.fa-money-check-alt:before {
    content: "\F53D"
}

.fa-monument:before {
    content: "\F5A6"
}

.fa-moon:before {
    content: "\F186"
}

.fa-mortar-pestle:before {
    content: "\F5A7"
}

.fa-mosque:before {
    content: "\F678"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-mountain:before {
    content: "\F6FC"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-mug-hot:before {
    content: "\F7B6"
}

.fa-music:before {
    content: "\F001"
}

.fa-napster:before {
    content: "\F3D2"
}

.fa-neos:before {
    content: "\F612"
}

.fa-network-wired:before {
    content: "\F6FF"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-newspaper:before {
    content: "\F1EA"
}

.fa-nimblr:before {
    content: "\F5A8"
}

.fa-node:before {
    content: "\F419"
}

.fa-node-js:before {
    content: "\F3D3"
}

.fa-not-equal:before {
    content: "\F53E"
}

.fa-notes-medical:before {
    content: "\F481"
}

.fa-npm:before {
    content: "\F3D4"
}

.fa-ns8:before {
    content: "\F3D5"
}

.fa-nutritionix:before {
    content: "\F3D6"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-oil-can:before {
    content: "\F613"
}

.fa-old-republic:before {
    content: "\F510"
}

.fa-om:before {
    content: "\F679"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-osi:before {
    content: "\F41A"
}

.fa-otter:before {
    content: "\F700"
}

.fa-outdent:before {
    content: "\F03B"
}

.fa-page4:before {
    content: "\F3D7"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-pager:before {
    content: "\F815"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-paint-roller:before {
    content: "\F5AA"
}

.fa-palette:before {
    content: "\F53F"
}

.fa-palfed:before {
    content: "\F3D8"
}

.fa-pallet:before {
    content: "\F482"
}

.fa-paper-plane:before {
    content: "\F1D8"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-parachute-box:before {
    content: "\F4CD"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-parking:before {
    content: "\F540"
}

.fa-passport:before {
    content: "\F5AB"
}

.fa-pastafarianism:before {
    content: "\F67B"
}

.fa-paste:before {
    content: "\F0EA"
}

.fa-patreon:before {
    content: "\F3D9"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-peace:before {
    content: "\F67C"
}

.fa-pen:before {
    content: "\F304"
}

.fa-pen-alt:before {
    content: "\F305"
}

.fa-pen-fancy:before {
    content: "\F5AC"
}

.fa-pen-nib:before {
    content: "\F5AD"
}

.fa-pen-square:before {
    content: "\F14B"
}

.fa-pencil-alt:before {
    content: "\F303"
}

.fa-pencil-ruler:before {
    content: "\F5AE"
}

.fa-penny-arcade:before {
    content: "\F704"
}

.fa-people-carry:before {
    content: "\F4CE"
}

.fa-pepper-hot:before {
    content: "\F816"
}

.fa-percent:before {
    content: "\F295"
}

.fa-percentage:before {
    content: "\F541"
}

.fa-periscope:before {
    content: "\F3DA"
}

.fa-person-booth:before {
    content: "\F756"
}

.fa-phabricator:before {
    content: "\F3DB"
}

.fa-phoenix-framework:before {
    content: "\F3DC"
}

.fa-phoenix-squadron:before {
    content: "\F511"
}

.fa-phone:before {
    content: "\F095"
}

.fa-phone-alt:before {
    content: "\F879"
}

.fa-phone-slash:before {
    content: "\F3DD"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-phone-square-alt:before {
    content: "\F87B"
}

.fa-phone-volume:before {
    content: "\F2A0"
}

.fa-photo-video:before {
    content: "\F87C"
}

.fa-php:before {
    content: "\F457"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-pied-piper-hat:before {
    content: "\F4E5"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-piggy-bank:before {
    content: "\F4D3"
}

.fa-pills:before {
    content: "\F484"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-pizza-slice:before {
    content: "\F818"
}

.fa-place-of-worship:before {
    content: "\F67F"
}

.fa-plane:before {
    content: "\F072"
}

.fa-plane-arrival:before {
    content: "\F5AF"
}

.fa-plane-departure:before {
    content: "\F5B0"
}

.fa-play:before {
    content: "\F04B"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-playstation:before {
    content: "\F3DF"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-plus:before {
    content: "\F067"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-poll:before {
    content: "\F681"
}

.fa-poll-h:before {
    content: "\F682"
}

.fa-poo:before {
    content: "\F2FE"
}

.fa-poo-storm:before {
    content: "\F75A"
}

.fa-poop:before {
    content: "\F619"
}

.fa-portrait:before {
    content: "\F3E0"
}

.fa-pound-sign:before {
    content: "\F154"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-pray:before {
    content: "\F683"
}

.fa-praying-hands:before {
    content: "\F684"
}

.fa-prescription:before {
    content: "\F5B1"
}

.fa-prescription-bottle:before {
    content: "\F485"
}

.fa-prescription-bottle-alt:before {
    content: "\F486"
}

.fa-print:before {
    content: "\F02F"
}

.fa-procedures:before {
    content: "\F487"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-project-diagram:before {
    content: "\F542"
}

.fa-pushed:before {
    content: "\F3E1"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-python:before {
    content: "\F3E2"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-question:before {
    content: "\F128"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-quidditch:before {
    content: "\F458"
}

.fa-quinscape:before {
    content: "\F459"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-quran:before {
    content: "\F687"
}

.fa-r-project:before {
    content: "\F4F7"
}

.fa-radiation:before {
    content: "\F7B9"
}

.fa-radiation-alt:before {
    content: "\F7BA"
}

.fa-rainbow:before {
    content: "\F75B"
}

.fa-random:before {
    content: "\F074"
}

.fa-raspberry-pi:before {
    content: "\F7BB"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-react:before {
    content: "\F41B"
}

.fa-reacteurope:before {
    content: "\F75D"
}

.fa-readme:before {
    content: "\F4D5"
}

.fa-rebel:before {
    content: "\F1D0"
}

.fa-receipt:before {
    content: "\F543"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-red-river:before {
    content: "\F3E3"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-redhat:before {
    content: "\F7BC"
}

.fa-redo:before {
    content: "\F01E"
}

.fa-redo-alt:before {
    content: "\F2F9"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-remove-format:before {
    content: "\F87D"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-reply:before {
    content: "\F3E5"
}

.fa-reply-all:before {
    content: "\F122"
}

.fa-replyd:before {
    content: "\F3E6"
}

.fa-republican:before {
    content: "\F75E"
}

.fa-researchgate:before {
    content: "\F4F8"
}

.fa-resolving:before {
    content: "\F3E7"
}

.fa-restroom:before {
    content: "\F7BD"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-rev:before {
    content: "\F5B2"
}

.fa-ribbon:before {
    content: "\F4D6"
}

.fa-ring:before {
    content: "\F70B"
}

.fa-road:before {
    content: "\F018"
}

.fa-robot:before {
    content: "\F544"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-rocketchat:before {
    content: "\F3E8"
}

.fa-rockrms:before {
    content: "\F3E9"
}

.fa-route:before {
    content: "\F4D7"
}

.fa-rss:before {
    content: "\F09E"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-ruble-sign:before {
    content: "\F158"
}

.fa-ruler:before {
    content: "\F545"
}

.fa-ruler-combined:before {
    content: "\F546"
}

.fa-ruler-horizontal:before {
    content: "\F547"
}

.fa-ruler-vertical:before {
    content: "\F548"
}

.fa-running:before {
    content: "\F70C"
}

.fa-rupee-sign:before {
    content: "\F156"
}

.fa-sad-cry:before {
    content: "\F5B3"
}

.fa-sad-tear:before {
    content: "\F5B4"
}

.fa-safari:before {
    content: "\F267"
}

.fa-salesforce:before {
    content: "\F83B"
}

.fa-sass:before {
    content: "\F41E"
}

.fa-satellite:before {
    content: "\F7BF"
}

.fa-satellite-dish:before {
    content: "\F7C0"
}

.fa-save:before {
    content: "\F0C7"
}

.fa-schlix:before {
    content: "\F3EA"
}

.fa-school:before {
    content: "\F549"
}

.fa-screwdriver:before {
    content: "\F54A"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-scroll:before {
    content: "\F70E"
}

.fa-sd-card:before {
    content: "\F7C2"
}

.fa-search:before {
    content: "\F002"
}

.fa-search-dollar:before {
    content: "\F688"
}

.fa-search-location:before {
    content: "\F689"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-searchengin:before {
    content: "\F3EB"
}

.fa-seedling:before {
    content: "\F4D8"
}

.fa-sellcast:before {
    content: "\F2DA"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-server:before {
    content: "\F233"
}

.fa-servicestack:before {
    content: "\F3EC"
}

.fa-shapes:before {
    content: "\F61F"
}

.fa-share:before {
    content: "\F064"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-shekel-sign:before {
    content: "\F20B"
}

.fa-shield-alt:before {
    content: "\F3ED"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-shipping-fast:before {
    content: "\F48B"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-shoe-prints:before {
    content: "\F54B"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-shopware:before {
    content: "\F5B5"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-shuttle-van:before {
    content: "\F5B6"
}

.fa-sign:before {
    content: "\F4D9"
}

.fa-sign-in-alt:before {
    content: "\F2F6"
}

.fa-sign-language:before {
    content: "\F2A7"
}

.fa-sign-out-alt:before {
    content: "\F2F5"
}

.fa-signal:before {
    content: "\F012"
}

.fa-signature:before {
    content: "\F5B7"
}

.fa-sim-card:before {
    content: "\F7C4"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-sistrix:before {
    content: "\F3EE"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-sith:before {
    content: "\F512"
}

.fa-skating:before {
    content: "\F7C5"
}

.fa-sketch:before {
    content: "\F7C6"
}

.fa-skiing:before {
    content: "\F7C9"
}

.fa-skiing-nordic:before {
    content: "\F7CA"
}

.fa-skull:before {
    content: "\F54C"
}

.fa-skull-crossbones:before {
    content: "\F714"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-slack:before {
    content: "\F198"
}

.fa-slack-hash:before {
    content: "\F3EF"
}

.fa-slash:before {
    content: "\F715"
}

.fa-sleigh:before {
    content: "\F7CC"
}

.fa-sliders-h:before {
    content: "\F1DE"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-smile:before {
    content: "\F118"
}

.fa-smile-beam:before {
    content: "\F5B8"
}

.fa-smile-wink:before {
    content: "\F4DA"
}

.fa-smog:before {
    content: "\F75F"
}

.fa-smoking:before {
    content: "\F48D"
}

.fa-smoking-ban:before {
    content: "\F54D"
}

.fa-sms:before {
    content: "\F7CD"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-snowboarding:before {
    content: "\F7CE"
}

.fa-snowflake:before {
    content: "\F2DC"
}

.fa-snowman:before {
    content: "\F7D0"
}

.fa-snowplow:before {
    content: "\F7D2"
}

.fa-socks:before {
    content: "\F696"
}

.fa-solar-panel:before {
    content: "\F5BA"
}

.fa-sort:before {
    content: "\F0DC"
}

.fa-sort-alpha-down:before {
    content: "\F15D"
}

.fa-sort-alpha-down-alt:before {
    content: "\F881"
}

.fa-sort-alpha-up:before {
    content: "\F15E"
}

.fa-sort-alpha-up-alt:before {
    content: "\F882"
}

.fa-sort-amount-down:before {
    content: "\F160"
}

.fa-sort-amount-down-alt:before {
    content: "\F884"
}

.fa-sort-amount-up:before {
    content: "\F161"
}

.fa-sort-amount-up-alt:before {
    content: "\F885"
}

.fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-numeric-down:before {
    content: "\F162"
}

.fa-sort-numeric-down-alt:before {
    content: "\F886"
}

.fa-sort-numeric-up:before {
    content: "\F163"
}

.fa-sort-numeric-up-alt:before {
    content: "\F887"
}

.fa-sort-up:before {
    content: "\F0DE"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-sourcetree:before {
    content: "\F7D3"
}

.fa-spa:before {
    content: "\F5BB"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-speakap:before {
    content: "\F3F3"
}

.fa-speaker-deck:before {
    content: "\F83C"
}

.fa-spell-check:before {
    content: "\F891"
}

.fa-spider:before {
    content: "\F717"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-splotch:before {
    content: "\F5BC"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-spray-can:before {
    content: "\F5BD"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-square-full:before {
    content: "\F45C"
}

.fa-square-root-alt:before {
    content: "\F698"
}

.fa-squarespace:before {
    content: "\F5BE"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-stackpath:before {
    content: "\F842"
}

.fa-stamp:before {
    content: "\F5BF"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-and-crescent:before {
    content: "\F699"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-star-half-alt:before {
    content: "\F5C0"
}

.fa-star-of-david:before {
    content: "\F69A"
}

.fa-star-of-life:before {
    content: "\F621"
}

.fa-staylinked:before {
    content: "\F3F5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-steam-symbol:before {
    content: "\F3F6"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-sticker-mule:before {
    content: "\F3F7"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stopwatch:before {
    content: "\F2F2"
}

.fa-store:before {
    content: "\F54E"
}

.fa-store-alt:before {
    content: "\F54F"
}

.fa-strava:before {
    content: "\F428"
}

.fa-stream:before {
    content: "\F550"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-stripe:before {
    content: "\F429"
}

.fa-stripe-s:before {
    content: "\F42A"
}

.fa-stroopwafel:before {
    content: "\F551"
}

.fa-studiovinari:before {
    content: "\F3F8"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-subway:before {
    content: "\F239"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-suitcase-rolling:before {
    content: "\F5C1"
}

.fa-sun:before {
    content: "\F185"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-supple:before {
    content: "\F3F9"
}

.fa-surprise:before {
    content: "\F5C2"
}

.fa-suse:before {
    content: "\F7D6"
}

.fa-swatchbook:before {
    content: "\F5C3"
}

.fa-swimmer:before {
    content: "\F5C4"
}

.fa-swimming-pool:before {
    content: "\F5C5"
}

.fa-symfony:before {
    content: "\F83D"
}

.fa-synagogue:before {
    content: "\F69B"
}

.fa-sync:before {
    content: "\F021"
}

.fa-sync-alt:before {
    content: "\F2F1"
}

.fa-syringe:before {
    content: "\F48E"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-table-tennis:before {
    content: "\F45D"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-tablet-alt:before {
    content: "\F3FA"
}

.fa-tablets:before {
    content: "\F490"
}

.fa-tachometer-alt:before {
    content: "\F3FD"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-tape:before {
    content: "\F4DB"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-taxi:before {
    content: "\F1BA"
}

.fa-teamspeak:before {
    content: "\F4F9"
}

.fa-teeth:before {
    content: "\F62E"
}

.fa-teeth-open:before {
    content: "\F62F"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-telegram-plane:before {
    content: "\F3FE"
}

.fa-temperature-high:before {
    content: "\F769"
}

.fa-temperature-low:before {
    content: "\F76B"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-tenge:before {
    content: "\F7D7"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-the-red-yeti:before {
    content: "\F69D"
}

.fa-theater-masks:before {
    content: "\F630"
}

.fa-themeco:before {
    content: "\F5C6"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-thermometer:before {
    content: "\F491"
}

.fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-thermometer-full:before {
    content: "\F2C7"
}

.fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-think-peaks:before {
    content: "\F731"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbtack:before {
    content: "\F08D"
}

.fa-ticket-alt:before {
    content: "\F3FF"
}

.fa-times:before {
    content: "\F00D"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-tint:before {
    content: "\F043"
}

.fa-tint-slash:before {
    content: "\F5C7"
}

.fa-tired:before {
    content: "\F5C8"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-toilet:before {
    content: "\F7D8"
}

.fa-toilet-paper:before {
    content: "\F71E"
}

.fa-toolbox:before {
    content: "\F552"
}

.fa-tools:before {
    content: "\F7D9"
}

.fa-tooth:before {
    content: "\F5C9"
}

.fa-torah:before {
    content: "\F6A0"
}

.fa-torii-gate:before {
    content: "\F6A1"
}

.fa-tractor:before {
    content: "\F722"
}

.fa-trade-federation:before {
    content: "\F513"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-traffic-light:before {
    content: "\F637"
}

.fa-train:before {
    content: "\F238"
}

.fa-tram:before {
    content: "\F7DA"
}

.fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-trash-alt:before {
    content: "\F2ED"
}

.fa-trash-restore:before {
    content: "\F829"
}

.fa-trash-restore-alt:before {
    content: "\F82A"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-trello:before {
    content: "\F181"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-truck-loading:before {
    content: "\F4DE"
}

.fa-truck-monster:before {
    content: "\F63B"
}

.fa-truck-moving:before {
    content: "\F4DF"
}

.fa-truck-pickup:before {
    content: "\F63C"
}

.fa-tshirt:before {
    content: "\F553"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-tv:before {
    content: "\F26C"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-typo3:before {
    content: "\F42B"
}

.fa-uber:before {
    content: "\F402"
}

.fa-ubuntu:before {
    content: "\F7DF"
}

.fa-uikit:before {
    content: "\F403"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-umbrella-beach:before {
    content: "\F5CA"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-undo:before {
    content: "\F0E2"
}

.fa-undo-alt:before {
    content: "\F2EA"
}

.fa-uniregistry:before {
    content: "\F404"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-university:before {
    content: "\F19C"
}

.fa-unlink:before {
    content: "\F127"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-untappd:before {
    content: "\F405"
}

.fa-upload:before {
    content: "\F093"
}

.fa-ups:before {
    content: "\F7E0"
}

.fa-usb:before {
    content: "\F287"
}

.fa-user:before {
    content: "\F007"
}

.fa-user-alt:before {
    content: "\F406"
}

.fa-user-alt-slash:before {
    content: "\F4FA"
}

.fa-user-astronaut:before {
    content: "\F4FB"
}

.fa-user-check:before {
    content: "\F4FC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-clock:before {
    content: "\F4FD"
}

.fa-user-cog:before {
    content: "\F4FE"
}

.fa-user-edit:before {
    content: "\F4FF"
}

.fa-user-friends:before {
    content: "\F500"
}

.fa-user-graduate:before {
    content: "\F501"
}

.fa-user-injured:before {
    content: "\F728"
}

.fa-user-lock:before {
    content: "\F502"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-user-minus:before {
    content: "\F503"
}

.fa-user-ninja:before {
    content: "\F504"
}

.fa-user-nurse:before {
    content: "\F82F"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-user-shield:before {
    content: "\F505"
}

.fa-user-slash:before {
    content: "\F506"
}

.fa-user-tag:before {
    content: "\F507"
}

.fa-user-tie:before {
    content: "\F508"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-users:before {
    content: "\F0C0"
}

.fa-users-cog:before {
    content: "\F509"
}

.fa-usps:before {
    content: "\F7E1"
}

.fa-ussunnah:before {
    content: "\F407"
}

.fa-utensil-spoon:before {
    content: "\F2E5"
}

.fa-utensils:before {
    content: "\F2E7"
}

.fa-vaadin:before {
    content: "\F408"
}

.fa-vector-square:before {
    content: "\F5CB"
}

.fa-venus:before {
    content: "\F221"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-vial:before {
    content: "\F492"
}

.fa-vials:before {
    content: "\F493"
}

.fa-viber:before {
    content: "\F409"
}

.fa-video:before {
    content: "\F03D"
}

.fa-video-slash:before {
    content: "\F4E2"
}

.fa-vihara:before {
    content: "\F6A7"
}

.fa-vimeo:before {
    content: "\F40A"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-vimeo-v:before {
    content: "\F27D"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-vk:before {
    content: "\F189"
}

.fa-vnv:before {
    content: "\F40B"
}

.fa-voicemail:before {
    content: "\F897"
}

.fa-volleyball-ball:before {
    content: "\F45F"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-mute:before {
    content: "\F6A9"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-vote-yea:before {
    content: "\F772"
}

.fa-vr-cardboard:before {
    content: "\F729"
}

.fa-vuejs:before {
    content: "\F41F"
}

.fa-walking:before {
    content: "\F554"
}

.fa-wallet:before {
    content: "\F555"
}

.fa-warehouse:before {
    content: "\F494"
}

.fa-water:before {
    content: "\F773"
}

.fa-wave-square:before {
    content: "\F83E"
}

.fa-waze:before {
    content: "\F83F"
}

.fa-weebly:before {
    content: "\F5CC"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-weight:before {
    content: "\F496"
}

.fa-weight-hanging:before {
    content: "\F5CD"
}

.fa-weixin:before {
    content: "\F1D7"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-whatsapp-square:before {
    content: "\F40C"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-whmcs:before {
    content: "\F40D"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-wind:before {
    content: "\F72E"
}

.fa-window-close:before {
    content: "\F410"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-wine-bottle:before {
    content: "\F72F"
}

.fa-wine-glass:before {
    content: "\F4E3"
}

.fa-wine-glass-alt:before {
    content: "\F5CE"
}

.fa-wix:before {
    content: "\F5CF"
}

.fa-wizards-of-the-coast:before {
    content: "\F730"
}

.fa-wolf-pack-battalion:before {
    content: "\F514"
}

.fa-won-sign:before {
    content: "\F159"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-wordpress-simple:before {
    content: "\F411"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-wpressr:before {
    content: "\F3E4"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-x-ray:before {
    content: "\F497"
}

.fa-xbox:before {
    content: "\F412"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-y-combinator:before {
    content: "\F23B"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-yammer:before {
    content: "\F840"
}

.fa-yandex:before {
    content: "\F413"
}

.fa-yandex-international:before {
    content: "\F414"
}

.fa-yarn:before {
    content: "\F7E3"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-yen-sign:before {
    content: "\F157"
}

.fa-yin-yang:before {
    content: "\F6AD"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-youtube-square:before {
    content: "\F431"
}

.fa-zhihu:before {
    content: "\F63F"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    max-width: 1329px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.header {
    color: #616161
}

.homepage {
    overflow: hidden
}

    .homepage .container h2.main-title {
        font-size: 2.8em;
        letter-spacing: -.5px;
        color: #fff;
        font-weight: 500;
        line-height: .8
    }

@media screen and (max-width:950px) {
    .homepage .container h2.main-title {
        text-align: center
    }
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.header {
    color: #000
}

.container {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1330px) {
    .container {
        padding: 0 5vw
    }
}

.more-news h2 {
    color: #4a4a4a
}

h2 {
    color: #212121;
    font-size: 2.75em;
    margin: 0
}

h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.69em
}

h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.19em
}

.article-page .filter-events .main-container {
    padding: 1vw 0
}

.article-page .filter-events .section .item {
    display: none
}

    .article-page .filter-events .section .item:nth-last-of-type(-n+2) {
        display: block
    }

.article-page .filter-events .loader {
    display: none
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.header {
    color: #000
}

.container {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1330px) {
    .container {
        padding: 0 5vw
    }
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.header {
    color: #000
}

.container {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1330px) {
    .container {
        padding: 0 5vw
    }
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    max-width: 1329px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    max-width: 1329px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

audio {
    max-width: 24.75%;
    width: 100%
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.forms {
    margin: 0 0 50px;
    color: #616161;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17);
    border: 1px solid hsla(0,0%,59%,.1);
    background-image: linear-gradient(180deg,#f6f6f6,#eaeaea);
    padding: 3vw
}

    .forms .section {
        justify-content: space-between
    }

@media screen and (max-width:960px) {
    .forms .section {
        flex-direction: column
    }
}

.forms .section.one-column {
    display: block
}

    .forms .section.one-column .column {
        max-width: 100%
    }

.forms .section.two-column {
    flex-wrap: wrap
}

    .forms .section.two-column .column {
        max-width: 48%
    }

@media screen and (max-width:960px) {
    .forms .section.two-column .column {
        max-width: 100%
    }
}

.forms .section .column {
    max-width: 30%;
    width: 100%
}

@media screen and (max-width:960px) {
    .forms .section .column {
        max-width: 100%
    }
}

.forms .section .column > div {
    margin: 0 0 20px
}

.forms .section span.validate {
    position: relative;
    display: block
}

    .forms .section span.validate svg {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #38ad8c
    }

    .forms .section span.validate.validate-required svg {
        color: #ed5b5b
    }

.forms textarea {
    height: 150px !important;
    resize: none;
    font-family: "Almoni Neue DL 4.0 AAA" !important
}

.forms select {
    height: 32px
}

.forms input, .forms select, .forms textarea {
    border: 1px solid #e6e8ed;
    background-color: #fff;
    display: block;
    width: 100%;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    padding: 0 .5vw
}

    .forms input:focus, .forms select:focus, .forms textarea:focus {
        border-color: #1a416a;
        outline: none
    }

    .forms input.error, .forms select.error, .forms textarea.error {
        border-color: #ed5b5b
    }

    .forms input.from-left {
        text-align: left
    }

.forms label {
    color: #212121;
    display: block;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 500
}

    .forms label.error {
        color: #ed5b5b;
        font-size: 14px
    }

.forms .number-box .value-button {
    display: inline-block;
    border: 0;
    margin: 0 8px !important;
    width: 24px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .forms .number-box .value-button:hover {
        cursor: pointer
    }

.forms .number-box .decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px
}

.forms .number-box .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0
}

.forms .number-box #input-wrap {
    margin: 0;
    padding: 0
}

.forms .number-box .number {
    text-align: center;
    margin: 0;
    width: 60px;
    height: 40px;
    font-size: 23px;
    color: #212121;
    display: inline-block
}

.forms .number-box input[type=number]::-webkit-inner-spin-button, .forms .number-box input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms .checkbox .options, .forms .radio .options {
    flex-wrap: wrap
}

    .forms .checkbox .options label, .forms .radio .options label {
        font-weight: 400;
        color: #212121 !important;
        width: auto;
        padding: 0 20px 0 0 !important
    }

    .forms .checkbox .options span, .forms .radio .options span {
        margin: 0 0 0 11px
    }

        .forms .checkbox .options span:last-of-type, .forms .radio .options span:last-of-type {
            margin-left: 0
        }

.forms .address-list {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    border: 1px solid #e6e8ed;
    background-color: #fff
}

    .forms .address-list button {
        width: 100%;
        display: block;
        text-align: right;
        line-height: 32px;
        padding: 0 10px;
        background: #fff;
        border: 0;
        font-size: 14px;
        color: #616161;
        outline: none
    }

        .forms .address-list button.active, .forms .address-list button:active, .forms .address-list button:focus, .forms .address-list button:hover {
            background: #38ad8c;
            color: #fff
        }

.forms .checkbox .options {
    cursor: pointer;
    text-align: right
}

    .forms .checkbox .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .checkbox .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .checkbox .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .checkbox .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%;
        background-size: 83%
    }

.forms .radio .options {
    cursor: pointer;
    text-align: right
}

    .forms .radio .options input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .forms .radio .options label {
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .forms .radio .options label:before {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid;
            position: absolute;
            background: #fff;
            right: 0;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%)
        }

    .forms .radio .options input[type=checkbox]:checked + label:before {
        background: url(/modiinwebsite/img/checked3.svg) no-repeat 50%
    }

.forms ::-webkit-input-placeholder {
    color: #b1abab
}

.forms ::-moz-placeholder {
    color: #b1abab
}

.forms :-ms-input-placeholder {
    color: #b1abab
}

.forms :-moz-placeholder {
    color: #b1abab
}

.forms input[type=number]::-webkit-inner-spin-button, .forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.forms input[type=number] {
    -moz-appearance: textfield
}

.forms .form-heading h2 {
    margin: 0 0 30px;
    box-shadow: none !important
}

.form-heading h2, .forms .form-heading h2 {
    color: #fff !important;
    font-size: 22px !important;
    background: #38ad8c !important;
    padding: 0 30px;
    line-height: 1.8 !important;
    font-weight: 400 !important
}

.form-heading h2 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.17)
}

.date-picker span {
    position: relative;
    margin: 0 0 0 7px;
    display: block
}

    .date-picker span:last-of-type {
        margin: 0
    }

    .date-picker span label:after {
        content: "";
        background-image: url(/modiinwebsite/img/date.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 9px;
        left: 8px
    }

#ui-datepicker-div {
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.11);
    margin: 13px 0 0
}

    #ui-datepicker-div .ui-datepicker-next {
        transform: rotate(180deg)
    }

    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        background-image: url(/modiinwebsite/img/datearrow.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 13px;
        cursor: pointer
    }

    #ui-datepicker-div .ui-datepicker-title {
        font-size: 1em;
        color: #212121
    }

        #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
            margin-left: 5px
        }

    #ui-datepicker-div thead {
        color: #616161;
        background: transparent;
        font-size: 12px;
        text-align: center
    }

    #ui-datepicker-div tr, #ui-datepicker-div tr:nth-child(2n) {
        background: #fff;
        color: #212121
    }

        #ui-datepicker-div tr a {
            color: #212121;
            text-align: center
        }

        #ui-datepicker-div tr td:hover {
            background: #dbe8ef
        }

    #ui-datepicker-div .ui-state-active {
        background: #0f7c79;
        color: #fff
    }

    #ui-datepicker-div .ui-datepicker-header:before {
        content: "";
        position: absolute;
        left: 28px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

.fileupload {
    border: none;
    background-color: transparent;
    padding: 3px 6px;
    position: relative
}

    .fileupload .dz-message {
        background: #fff;
        border: 1px dotted #e6e8ed;
        padding: 22px 0;
        position: relative;
        z-index: 99
    }

    .fileupload input[type=file] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        padding: 0;
        right: 0;
        background: transparent;
        opacity: 0
    }

    .fileupload .dz-default {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #b2b2b2;
        text-align: center
    }

        .fileupload .dz-default img {
            width: 100%;
            height: auto;
            max-width: 40px;
            max-height: 40px;
            margin: 0 auto
        }

        .fileupload .dz-default span {
            margin: 0 0 2px
        }

        .fileupload .dz-default .dragfile {
            font-size: 18px
        }

        .fileupload .dz-default strong {
            color: #41c7c7;
            text-decoration: underline;
            font-weight: 400
        }

    .fileupload .file-name {
        position: relative;
        z-index: 999;
        width: 95%
    }

        .fileupload .file-name span {
            display: block;
            width: 100%
        }

        .fileupload .file-name .file {
            position: relative;
            padding: 0 26px;
            line-height: 16px;
            margin: 0 0 5px
        }

            .fileupload .file-name .file:before {
                content: "";
                background: url(/modiinwebsite/img/image-upload.svg) no-repeat;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .fileupload .file-name .file .close {
                position: absolute;
                left: 0;
                width: 16px;
                height: 16px;
                cursor: pointer
            }

    .fileupload .error {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #ed5b5b;
        font-size: 14px;
        z-index: 999
    }

.buttons {
    display: table;
    clear: both;
    width: 100%;
    border-top: 1px solid hsla(0,0%,59%,.1);
    padding: 30px 0 0;
    margin: 30px 0 0
}

    .buttons button {
        border: 0;
        float: left;
        margin-right: 20px;
        padding: 12px 3vw;
        background: #d4d4d4
    }

@media screen and (max-width:590px) {
    .buttons button {
        max-width: none !important;
        width: 100%;
        margin: 0 0 17px
    }
}

.buttons button.submit {
    max-width: 279px;
    width: 100%
}

@media screen and (max-width:614px) {
    .buttons button.submit {
        max-width: 230px
    }
}

.buttons button:active, .buttons button:hover {
    background: #f9b81f
}

.section-progress {
    padding: 16px 0;
    margin: 0 0 2vw;
    width: 90%
}

@media screen and (max-width:767px) {
    .section-progress {
        flex-direction: column;
        margin: 0 0 1vw;
        width: 100%
    }
}

.section-progress progress {
    -webkit-appearance: progress-bar;
    -moz-appearance: progressbar;
    appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    vertical-align: -.2em;
    border: 1px solid hsla(0,0%,59%,.1);
    direction: ltr;
    background: #fff
}

    .section-progress progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 27px
    }

    .section-progress progress::-webkit-progress-bar {
        background-color: #fff
    }

    .section-progress progress::-webkit-progress-value {
        background-color: #38ad8c
    }

    .section-progress progress::-moz-progress-bar {
        background-color: #38ad8c
    }

.section-progress .progress-wrap {
    width: 100%
}

@media screen and (max-width:767px) {
    .section-progress .progress-wrap {
        width: 100%;
        margin: 0 0 6vw
    }
}

.section-progress .progress-wrap:last-of-type {
    margin: 0
}

.section-progress .progress-wrap .progressbar {
    counter-reset: step
}

    .section-progress .progress-wrap .progressbar li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 1.05em;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #000
    }

        .section-progress .progress-wrap .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #fff;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 3
        }

        .section-progress .progress-wrap .progressbar li:after {
            width: 100%;
            height: 11px;
            content: "";
            position: absolute;
            background-color: #fff;
            top: 44%;
            left: -50%;
            z-index: 1;
            transform: translateY(-44%)
        }

        .section-progress .progress-wrap .progressbar li:first-child:after {
            content: none
        }

        .section-progress .progress-wrap .progressbar li.active {
            color: #fff
        }

            .section-progress .progress-wrap .progressbar li.active:before {
                border-color: #38ad8c;
                background: #38ad8c;
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:before {
                box-shadow: 0 0 5px 0 #a7a7a7
            }

            .section-progress .progress-wrap .progressbar li.active + li:after {
                background-color: #38ad8c;
                z-index: 1
            }

html.ltr .forms .section span.validate svg {
    right: 10px;
    left: auto
}

html.ltr .forms input.from-left {
    text-align: right
}

html.ltr .forms .number-box .decrease {
    margin-right: 0;
    margin-left: -4px;
    border-radius: 8px 0 0 8px
}

html.ltr .forms .number-box .increase {
    margin-right: -4px;
    margin-left: 0;
    border-radius: 0 8px 8px 0
}

html.ltr .forms .checkbox .options label, html.ltr .forms .radio .options label {
    padding: 0 0 0 20px !important
}

html.ltr .forms .checkbox .options span, html.ltr .forms .radio .options span {
    margin: 0 11px 0 0
}

    html.ltr .forms .checkbox .options span:last-of-type, html.ltr .forms .radio .options span:last-of-type {
        margin-right: 0
    }

html.ltr .forms .address-list button, html.ltr .forms .checkbox .options {
    text-align: left
}

    html.ltr .forms .checkbox .options label:before {
        left: 0;
        right: auto
    }

html.ltr .forms .radio .options {
    text-align: left
}

    html.ltr .forms .radio .options label:before {
        right: auto;
        left: 0
    }

html.ltr .date-picker span {
    position: relative;
    margin: 0 7px 0 0
}

    html.ltr .date-picker span label:after {
        left: auto;
        right: 8px
    }

html.ltr #ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0;
    margin-right: 5px
}

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

html.ltr .fileupload .file-name .file:before, html.ltr .fileupload input[type=file] {
    right: auto;
    left: 0
}

html.ltr .fileupload .file-name .file .close {
    left: auto;
    right: 0
}

html.ltr .buttons button {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

html.ltr .section-progress .progress-wrap .progressbar li {
    float: right
}

    html.ltr .section-progress .progress-wrap .progressbar li:after {
        left: auto;
        right: -50%
    }

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.swiper-slider {
    direction: rtl
}

.swiper-pagination-bullets {
    bottom: 26px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999;
    right: 29px;
    text-align: right
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets {
        right: 0;
        text-align: center
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border: 2px solid #fff;
    opacity: 1;
    background: hsla(0,0%,100%,.1)
}

@media screen and (max-width:767px) {
    .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 13px;
        height: 13px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dbe8ef
}

.swiper-slide {
    position: relative
}

@media screen and (max-width:767px) {
    .swiper-slide .main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.swiper-slide .mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .swiper-slide .mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.swiper-slide .slide-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%)
}

    .swiper-slide .slide-text span {
        display: block
    }

    .swiper-slide .slide-text .big-text {
        background-color: #1a416a;
        color: #fff;
        line-height: 1.5;
        font-size: 3.75em;
        font-weight: 600;
        padding: 0 3vw
    }

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .big-text {
        font-size: 4.85vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .big-text {
        font-weight: 400;
        font-size: 5.85vw
    }
}

.swiper-slide .slide-text .small-text {
    background-color: #0f7c79;
    width: auto;
    display: inline-block;
    padding: 0 2vw;
    color: #fff;
    font-size: 25px;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .swiper-slide .slide-text .small-text {
        font-size: 2.2vw
    }
}

@media screen and (max-width:500px) {
    .swiper-slide .slide-text .small-text {
        font-size: 3.5vw;
        font-weight: 400
    }
}

.slider-buttons {
    position: absolute;
    bottom: 18px;
    left: 10px;
    width: auto;
    display: flex;
    z-index: 999999
}

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider {
        margin: 0 11px 0 0;
        color: #1a416a
    }

    .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        color: #fff
    }

    .slider-buttons .play-home-slider, .slider-buttons .play-ticker-slider, .slider-buttons .stop-home-slider, .slider-buttons .stop-ticker-slider {
        cursor: pointer;
        color: #fff
    }

        .slider-buttons .play-home-slider.active, .slider-buttons .play-home-slider:active, .slider-buttons .play-home-slider:focus, .slider-buttons .play-home-slider:hover, .slider-buttons .play-ticker-slider.active, .slider-buttons .play-ticker-slider:active, .slider-buttons .play-ticker-slider:focus, .slider-buttons .play-ticker-slider:hover, .slider-buttons .stop-home-slider.active, .slider-buttons .stop-home-slider:active, .slider-buttons .stop-home-slider:focus, .slider-buttons .stop-home-slider:hover, .slider-buttons .stop-ticker-slider.active, .slider-buttons .stop-ticker-slider:active, .slider-buttons .stop-ticker-slider:focus, .slider-buttons .stop-ticker-slider:hover {
            color: #1a416a
        }

html.ltr .swiper-slider .swiper-slide {
    direction: ltr
}

html.ltr .swiper-container {
    direction: rtl !important
}

html.ltr .swiper-pagination-bullets {
    right: auto !important;
    left: 29px !important;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .swiper-pagination-bullets {
        left: 0;
        text-align: center
    }
}

@media screen and (max-width:360px) {
    html.ltr .swiper-pagination-bullets {
        text-align: left
    }
}

html.ltr .slider-buttons {
    left: auto;
    right: 10px
}

    html.ltr .slider-buttons .play-home-slider, html.ltr .slider-buttons .play-ticker-slider {
        margin: 0 0 0 11px
    }

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.hamburger {
    width: 48px;
    height: 40px;
    background: #38ad8c;
    padding: 6px 0 0;
    margin: auto 14px
}

    .hamburger, .hamburger * {
        outline: none !important
    }

        .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {
            background-color: #000 !important
        }

        .hamburger.is-active {
            background: #38ad8c !important
        }

        .hamburger .hamburger-box {
            width: 32px;
            height: 29px;
            display: inline-block;
            position: relative
        }

            .hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
                width: 100%;
                height: 3px;
                background-color: #fff
            }

                .hamburger .hamburger-box .hamburger-inner:before {
                    top: -8px
                }

                .hamburger .hamburger-box .hamburger-inner:after {
                    bottom: -8px
                }

        .hamburger.is-active {
            background: #000
        }

            .hamburger.is-active .hamburger-inner:after {
                bottom: 0
            }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

.slider-description {
    margin: 0 0 50px
}

    .slider-description .swiper-image-desc .slider-item {
        position: relative
    }

@media screen and (max-width:640px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 95px
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 21vw
    }
}

@media screen and (max-width:434px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 37vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item {
        padding: 0 0 46vw
    }
}

.slider-description .swiper-image-desc .slider-item .desc {
    position: absolute;
    top: 50%;
    margin: auto 0;
    height: auto;
    transform: translateY(-50%);
    left: 14px;
    width: 460px;
    background: #fff;
    padding: 60px 65px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        height: auto;
        top: auto;
        bottom: 0;
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 80%;
        padding-right: 5vw;
        padding-left: 5vw;
        padding-top: 5vw
    }
}

@media screen and (max-width:363px) {
    .slider-description .swiper-image-desc .slider-item .desc {
        width: 90%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption {
    position: relative;
    min-height: 480px;
    max-height: 480px
}

    .slider-description .swiper-image-desc .slider-item .image-caption img {
        width: 100%;
        max-width: 880px;
        display: block
    }

@media screen and (max-width:950px) {
    .slider-description .swiper-image-desc .slider-item .image-caption img {
        max-width: 100%
    }
}

.slider-description .swiper-image-desc .slider-item .image-caption span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
    background: #212121;
    padding: 0 30px;
    line-height: 1.9
}

@media screen and (max-width:767px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.2em;
        display: block;
        position: absolute;
        bottom: auto;
        top: 0
    }
}

@media screen and (max-width:400px) {
    .slider-description .swiper-image-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-description .navigation {
    position: absolute;
    top: 80.4%;
    transform: translateY(-100%);
    left: 14px;
    z-index: 999;
    width: 460px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:950px) {
    .slider-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: #fff;
        height: 53px
    }
}

@media screen and (max-width:767px) {
    .slider-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:520px) {
    .slider-description .navigation {
        width: 80%
    }
}

.slider-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 18px 0 0;
    font-size: 21px;
    color: #212121
}

    .slider-description .navigation .swiper-pagination span {
        margin: 0 2px
    }

    .slider-description .navigation .swiper-pagination .swiper-pagination-total {
        color: #38ad8c
    }

.slider-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-description .navigation .arrows {
    align-self: flex-end
}

    .slider-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-description .navigation .arrows .swiper-button-next, .slider-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-description .swiper-image-desc .slider-item .desc {
    left: auto;
    right: 14px
}

html.ltr .slider-description .swiper-image-desc .slider-item .image-caption span {
    left: 0;
    right: auto
}

html.ltr .slider-description .navigation {
    right: 14px;
    left: 0
}

    html.ltr .slider-description .navigation .swiper-pagination {
        direction: ltr;
        padding: 0 0 0 18px
    }

.slider-no-description {
    margin: 0 0 50px;
    max-width: 880px
}

    .slider-no-description .swiper-image-no-desc {
        direction: rtl
    }

        .slider-no-description .swiper-image-no-desc .swiper-slide {
            width: 100%
        }

        .slider-no-description .swiper-image-no-desc .slider-item {
            position: relative
        }

            .slider-no-description .swiper-image-no-desc .slider-item img {
                display: block;
                width: 100%
            }

            .slider-no-description .swiper-image-no-desc .slider-item .image-caption {
                position: relative
            }

                .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
                    position: absolute;
                    bottom: 23px;
                    right: 0;
                    color: #fff;
                    font-size: 22px;
                    background: #1a416a;
                    padding: 0 30px;
                    line-height: 2.5
                }

@media screen and (max-width:767px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.4em
    }
}

@media screen and (max-width:400px) {
    .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        font-size: 1.1em
    }
}

.slider-no-description .navigation {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    z-index: 999;
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width:950px) {
    .slider-no-description .navigation {
        top: auto;
        bottom: -27px;
        bottom: 0;
        background: transparent;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .slider-no-description .navigation {
        transform: translate(0)
    }
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation {
        position: relative;
        flex-direction: row
    }
}

.slider-no-description .navigation .swiper-pagination {
    position: relative;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 0;
    font-size: 21px;
    color: #212121;
    background: #e9e7e7;
    height: 54px;
    align-items: center;
    top: -22px;
    transform: none;
    bottom: auto
}

@media screen and (max-width:350px) {
    .slider-no-description .navigation .swiper-pagination {
        top: 0
    }
}

.slider-no-description .navigation .swiper-pagination span {
    margin: 0 2px
}

.slider-no-description .navigation .swiper-pagination .swiper-pagination-total {
    color: #38ad8c
}

.slider-no-description .navigation .swiper-pagination-bullets {
    top: 0
}

.slider-no-description .navigation .arrows {
    align-self: flex-end
}

    .slider-no-description .navigation .arrows .swiper-button-prev {
        transform: rotate(180deg)
    }

    .slider-no-description .navigation .arrows .swiper-button-next {
        background-color: #f9b81f !important
    }

    .slider-no-description .navigation .arrows .swiper-button-next, .slider-no-description .navigation .arrows .swiper-button-prev {
        background-image: url(/modiinwebsite/img/arrow-slider.svg);
        position: relative;
        top: 0;
        width: 53px;
        height: 53px;
        right: auto !important;
        left: auto !important;
        background-size: auto;
        background-color: #1a416a
    }

html.ltr .slider-no-description .swiper-image-no-desc {
    direction: ltr
}

    html.ltr .slider-no-description .swiper-image-no-desc .slider-item .image-caption span {
        left: 0;
        right: auto
    }

html.ltr .slider-no-description .navigation {
    left: auto;
    right: 0
}

    html.ltr .slider-no-description .navigation .swiper-pagination {
        direction: ltr
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

.ticker-section {
    background-color: rgba(26,65,106,.9);
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}

    .ticker-section .container {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        align-items: center
    }

@media screen and (max-width:1400px) {
    .ticker-section .container {
        max-width: 90%
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container {
        flex-direction: column;
        align-items: center
    }
}

.ticker-section .container .swiper-ticker {
    width: 100%
}

    .ticker-section .container .swiper-ticker .swiper-slide:before {
        content: "";
        height: 50%;
        width: 1px;
        background: #fff;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0
    }

    .ticker-section .container .swiper-ticker a {
        font-size: .95em !important;
        font-weight: 400 !important;
        color: #fff;
        display: block;
        padding: 0 19px 0 0
    }

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a {
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container .swiper-ticker a {
        font-size: .8em !important
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a span {
        display: block
    }
}

@media screen and (max-width:460px) {
    .ticker-section .container .swiper-ticker a span {
        text-align: center
    }
}

.ticker-section .container .swiper-ticker a .date {
    font-size: .95em;
    color: #fff;
    line-height: .9;
    padding: 0;
    font-weight: 400;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .date {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .date {
        margin: 0 5px 0 0
    }
}

.ticker-section .container .swiper-ticker a .title {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title {
        text-align: center
    }
}

@media screen and (max-width:415px) {
    .ticker-section .container .swiper-ticker a .title {
        padding: 0
    }
}

.ticker-section .container .swiper-ticker a .title:before {
    display: none;
    content: "";
    height: 50%;
    width: 1px;
    background: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0
}

@media screen and (max-width:767px) {
    .ticker-section .container .swiper-ticker a .title:before {
        display: none
    }
}

.ticker-section .container h2, .ticker-section .container h5 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
    padding: 0 28px 0 0;
    color: #f9b81f;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.5;
    width: 205px;
    margin: 0 9px 0 0
}

@media screen and (max-width:767px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        background: transparent;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:490px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        font-size: 1em;
        line-height: 2
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container h2, .ticker-section .container h5 {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .ticker-section .container h2 span, .ticker-section .container h5 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat right 4px;
        padding: 0 31px 0 0
    }
}

.ticker-section .container .readmore {
    width: 198px
}

@media screen and (max-width:767px) {
    .ticker-section .container .readmore {
        text-align: center
    }
}

@media screen and (max-width:360px) {
    .ticker-section .container .readmore {
        width: auto
    }
}

.ticker-section .container .readmore a {
    color: #fff;
    font-size: .95em
}

.ticker-section .slider-buttons {
    top: 27%;
    right: -5%;
    left: auto
}

    .ticker-section .slider-buttons svg {
        color: #000
    }

    .ticker-section .slider-buttons .active svg {
        color: #fff
    }

html.ltr .ticker-section .container .swiper-ticker {
    direction: ltr
}

    html.ltr .ticker-section .container .swiper-ticker a {
        padding: 0 0 0 19px
    }

        html.ltr .ticker-section .container .swiper-ticker a .date {
            text-align: left
        }

@media screen and (max-width:415px) {
    html.ltr .ticker-section .container .swiper-ticker a .date {
        margin: 0 0 0 5px
    }
}

html.ltr .ticker-section .container .swiper-ticker a .title {
    text-align: left
}

html.ltr .ticker-section .container h2 {
    background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 0 9px
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 {
        background: transparent;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .ticker-section .container h2 span {
        background: url(/modiinwebsite/img/newsIcon.png) no-repeat left 4px;
        padding: 0 0 0 31px
    }
}

html.ltr .ticker-section .slider-buttons {
    left: -5%;
    right: auto
}

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.video {
    margin: 0 0 50px
}

    .video .section {
        position: relative;
        display: table;
        clear: both;
        width: 100%;
        margin: 0 0 25px
    }

    .video .video-image {
        max-width: 80%;
        width: 100%;
        height: auto;
        float: left
    }

@media screen and (max-width:880px) {
    .video .video-image {
        max-width: 100%;
        float: none
    }
}

.video .video-image img {
    width: 100%;
    height: auto;
    display: block
}

.video .video-image .image-frame {
    position: relative;
    cursor: pointer
}

    .video .video-image .image-frame:after {
        content: "";
        width: 56px;
        height: 56px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/modiinwebsite/img/video-play.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

.video .video-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 456px;
    width: 100%;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 2vw;
    min-height: 275px
}

@media screen and (max-width:880px) {
    .video .video-desc {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
        background: #fff;
        padding: 4vw;
        min-height: 1px
    }
}

.video .iframe-wrapper {
    display: none;
    position: fixed;
    z-index: 99
}

    .video .iframe-wrapper, .video .iframe-wrapper .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%
    }

        .video .iframe-wrapper .overlay {
            position: absolute;
            background: rgba(0,0,0,.4)
        }

        .video .iframe-wrapper .content {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

            .video .iframe-wrapper .content .close {
                cursor: pointer;
                position: absolute;
                top: -17px;
                color: #fff;
                background: #000;
                border-radius: 50%;
                padding: 5px 10px;
                border: 1px solid #fff;
                font-size: 22px;
                line-height: 1;
                font-weight: 100;
                right: -13px
            }

            .video .iframe-wrapper .content iframe {
                width: 100%;
                height: 100%;
                border: 0;
                box-shadow: 0 0 6px 0 #000
            }

.video h2 {
    color: #38ad8c !important;
    font-size: 25px;
    margin: 0 0 15px
}

.video p {
    line-height: 1.2
}

html.ltr .video .video-image {
    float: right
}

@media screen and (max-width:880px) {
    html.ltr .video .video-image {
        float: none !important
    }
}

html.ltr .video .iframe-wrapper .content .close {
    right: auto;
    left: -13px
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline-color: #000 !important
}

.dz-default.dz-message:focus, a:focus, button:focus, input:focus {
    background-color: #e7e5e5 !important;
    color: #000 !important
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-light-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-light-aaa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-regular-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-regular-aaa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-medium-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-medium-aaa.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-bold-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-bold-aaa.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Almoni Neue DL 4.0 AAA";
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot");
    src: url("/modiinwebsite/fonts/almoni-neue-black-aaa.eot?#iefix") format("embedded-opentype"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff2") format("woff2"),url("/modiinwebsite/fonts/almoni-neue-black-aaa.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

*, body, html {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    font-family: "Almoni Neue DL 4.0 AAA";
    direction: rtl;
    text-align: right;
    color: #616161
}

    body.trigger-size-large #enable-toolbar-trigger {
        top: -44px !important
    }

p {
    color: #616161
}

    a, p a {
        display: inline-block
    }

a {
    text-decoration: none
}

ul li {
    list-style: none
}

.rotate {
    animation: rotate .5s linear
}

h2.main-title {
    font-size: 2.8em;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    line-height: .8
}

@media screen and (max-width:950px) {
    h2.main-title {
        text-align: center
    }
}

h2.title {
    font-size: 1.45em;
    text-align: right;
    color: #212121;
    letter-spacing: -.3px;
    font-weight: 400
}

.title-line {
    color: #fff;
    opacity: .48;
    margin: 0 0 20px;
    font-size: 1.3em;
    display: flex;
    font-weight: 400;
    align-items: center
}

@media screen and (max-width:950px) {
    .title-line {
        color: #fff;
        opacity: .48;
        margin: 0 0 8px;
        font-size: 1.3em;
        display: block;
        font-weight: 400;
        text-align: center
    }
}

.title-line:after {
    content: "";
    width: 55%;
    height: 1px;
    background: #fff;
    margin-right: auto
}

@media screen and (max-width:950px) {
    .title-line:after {
        display: none
    }
}

.btn {
    transition: all .5s;
    background: #f9b81f;
    color: #212121;
    padding: 15px 20px;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: -.2px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:500px) {
    .btn {
        width: 87%
    }
}

.btn:hover {
    box-shadow: 0 0 4px 0 #616161
}

.date {
    font-size: 16px;
    color: #9b9b9b;
    line-height: .9;
    padding: 8px 0;
    font-weight: 600
}

    .date span {
        display: block
    }

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

.flex {
    display: flex
}

.container {
    max-width: 1329px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

    .container h1 {
        font-size: 3.17em;
        margin: 0 0 26px
    }

    .container img {
        width: auto
    }

    .container h3 {
        font-size: 1.3em;
        letter-spacing: -.27px;
        margin: 0 0 5px
    }

    .container h2, .container h3 {
        color: #212121;
        font-weight: 600
    }

    .container h2 {
        font-size: 1.75em;
        line-height: 1
    }

    .container p {
        font-size: 1.06em;
        line-height: 1.3;
        margin: 0 0 11px
    }

        .container p, .container p a {
            color: #616161
        }

    .container ul.list {
        padding: 0 13px 0 0
    }

        .container ul.list li {
            position: relative
        }

            .container ul.list li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #616161;
                position: absolute;
                top: 7px;
                right: -13px;
                border-radius: 50%
            }

            .container ul.list li p {
                margin: 0
            }

            .container ul.list li li:before {
                display: none
            }

.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.icon {
    display: block;
    background: #fff;
    width: 82px;
    height: 72px;
    text-align: center;
    position: relative;
    margin: 0 16px
}

    .icon img {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.arrow-up {
    background: #1a416a
}

body.trigger-size-large.trigger-position-left #enable-toolbar #enable-toolbar-trigger .keyboard-shorcut {
    display: none !important
}

.wow {
    visibility: hidden
}

#ui-datepicker-div .ui-datepicker-header:before {
    left: auto;
    right: 28px
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

html.ltr body {
    direction: ltr
}

html.ltr body, html.ltr h2.title {
    text-align: left
}

html.ltr .title-line:after {
    margin-right: 0;
    margin-left: auto
}

html.ltr .container ul.list {
    padding: 0 0 0 13px
}

    html.ltr .container ul.list li:before {
        right: auto;
        left: -13px
    }

html.ltr #ui-datepicker-div .ui-datepicker-header:before {
    right: auto;
    left: 28px
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.header {
    color: #212121
}

@media screen and (max-width:1051px) {
    .header {
        display: none
    }
}

.header-mobile {
    display: none;
    z-index: 13;
    background: #fff;
    position: relative
}

@media screen and (max-width:1051px) {
    .header-mobile {
        display: block
    }
}

.header-mobile img {
    width: auto
}

.header-mobile .menu-mobile-b-section .logo {
    display: none
}

.header-mobile .menu-mobile-b-section .search, .header-mobile .menu-mobile-b-section .search-box {
    display: none !important
}

.header-mobile .menu-mobile-t-section {
    display: flex;
    padding: 11px 0;
    margin: 0
}

    .header-mobile .menu-mobile-t-section .logo {
        margin-right: auto
    }

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-t-section .logo {
        margin-right: 20px;
        order: 2
    }
}

.header-mobile .menu-mobile-t-section .logo a {
    display: block;
    margin: auto 0
}

.header-mobile .menu-mobile-b-section {
    height: 0;
    visibility: hidden;
    opacity: 0
}

    .header-mobile .menu-mobile-b-section * {
        transition: all .5s;
        -webkit-transition: all .5s
    }

    .header-mobile .menu-mobile-b-section.open-menu {
        height: auto;
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .header-mobile .menu-mobile-b-section .bottom-header {
        height: auto
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu {
            width: 100%;
            padding: 0;
            z-index: 999999999999
        }

            .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                width: 100%
            }

                .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li {
                    padding: 0;
                    margin: auto;
                    display: block;
                    width: 100%;
                    border-top: 1px solid #e9e7e7
                }

                    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
                        font-size: 2.59vw !important;
                        display: block;
                        padding: 9px 24px
                    }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3vw !important
    }
}

@media screen and (max-width:600px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 3.5vw !important
    }
}

@media screen and (max-width:450px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li a {
        font-size: 18px !important
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.active a:after {
    display: none
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a {
    position: relative
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
        content: "";
        background: url(/modiinwebsite/img/arrow-left-menu.png) 2vw 2vw no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 77px;
        right: auto
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a {
    border: 1px solid #e9e7e7;
    background-color: #0f7c79;
    color: #fff
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children.active > a:before, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children:hover > a:before {
        filter: invert(100%)
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-first, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-second, .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children .sub-menu-third {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.main-has_children.open .has_children.open > .sub-menu {
    height: auto !important;
    visibility: visible;
    opacity: 1
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    height: 0;
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    padding: 0
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu span {
        display: none
    }

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu a:after {
        display: none !important
    }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first {
    height: 0;
    background: #dbe9ef
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul {
        padding: 3vw 4vw
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-first ul li a {
            font-size: 25px;
            display: block;
            padding: 5px 24px;
            color: #1a416a
        }

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
    height: 0;
    background: #dbe9ef;
    box-shadow: none
}

@media screen and (max-width:1051px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second {
        background-color: #e1e1e1
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul {
    padding: 3vw 4vw
}

    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a {
        font-size: 25px;
        display: block;
        padding: 5px 24px;
        color: #1a416a
    }

        .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
            background-position: 28px 15px;
            position: absolute;
            left: 0;
            top: 45px
        }

@media screen and (max-width:767px) {
    .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
        background-position: 11px;
        top: 36px
    }
}

.header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second .has_children .sub-menu-third {
    height: 0
}

.header-mobile .menu-mobile-b-section .top-header {
    flex-direction: column;
    padding: 2vw 0
}

    .header-mobile .menu-mobile-b-section .top-header ul {
        flex-direction: column
    }

        .header-mobile .menu-mobile-b-section .top-header ul li a {
            color: #fff;
            display: block;
            padding: 3px 22px;
            font-size: 1.2em
        }

    .header-mobile .menu-mobile-b-section .top-header .leftNav {
        display: block
    }

.header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%
}

    .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

html.ltr .header-mobile .menu-mobile-t-section .logo {
    margin-right: 0;
    margin-left: auto;
    padding-right: 0
}

@media screen and (max-width:1051px) {
    html.ltr .header-mobile .menu-mobile-t-section .logo {
        margin-right: 0;
        margin-left: 20px;
        padding-right: 0
    }
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul li.has_children > a:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu {
    left: auto
}

html.ltr .header-mobile .menu-mobile-b-section .bottom-header .main-menu ul .sub-menu-second ul li a:before {
    left: auto;
    right: 0
}

html.ltr .header-mobile .menu-mobile-b-section .share-icons {
    background: #fff;
    text-align: center;
    justify-content: center;
    padding: 2vw 0;
    width: 100%;
    margin: 0
}

    html.ltr .header-mobile .menu-mobile-b-section .share-icons li {
        margin: 0 1vw
    }

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.search-results-header {
    color: #212121;
    font-size: 3em;
    margin: 0 0 20px
}

@media screen and (max-width:767px) {
    .search-results-header {
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .search-results-header {
        font-size: 1.5em
    }
}

.search-results-loading {
    color: #212121;
    font-size: 2em;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.search-results {
    margin-bottom: 80px
}

.search-item .link {
    color: #212121;
    font-size: 1em;
    line-height: 1
}

.search-item b {
    font-weight: bolder
}

.search-item p {
    margin: 0
}

.search-item .title {
    margin-bottom: 3px;
    line-height: 1.1;
    font-size: 1.2em;
    color: #1a416a;
    font-weight: 700
}

    .search-item .title span {
        display: inline-block;
        font-size: .7em;
        vertical-align: text-top
    }

    .search-item .title:hover {
        color: #1c5082
    }

.search-item + .search-item {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid rgba(33,33,33,.2)
}

.services {
    position: relative;
    z-index: 11;
    max-width: 890px;
    margin: -8.1vw auto 100px
}

@media screen and (max-width:1100px) {
    .services {
        margin: -20px auto 100px
    }
}

@media screen and (max-width:950px) {
    .services {
        margin: 0 auto;
        max-width: 100%
    }
}

.services .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block
}

@media screen and (max-width:767px) {
    .services .container {
        padding: 0
    }
}

.services .container .top-section {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:950px) {
    .services .container .top-section {
        flex-direction: column
    }
}

.services .container .top-section .right-section {
    background: #0f7c79;
    max-width: 292px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    line-height: .8
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section {
        max-width: 100%;
        padding: 2vw 0
    }
}

.services .container .top-section .right-section .inner {
    width: 56%;
    margin: 0 auto
}

@media screen and (max-width:950px) {
    .services .container .top-section .right-section .inner {
        width: 100%
    }
}

.services .container .top-section .left-section {
    max-width: 600px;
    width: 100%
}

@media screen and (max-width:950px) {
    .services .container .top-section .left-section {
        max-width: 100%
    }
}

.services .container .top-section .left-section .service-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .services .container .top-section .left-section .service-items .item {
        width: 148px;
        text-align: center;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        padding: 19px 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width:950px) {
    .services .container .top-section .left-section .service-items .item {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .services .container .top-section .left-section .service-items .item {
        width: 33.3%
    }
}

.services .container .top-section .left-section .service-items .item:hover {
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px 14px hsla(0,2%,44%,.17);
    z-index: 2
}

    .services .container .top-section .left-section .service-items .item:hover .image .main-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1
    }

    .services .container .top-section .left-section .service-items .item:hover .image .hover-image {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

.services .container .top-section .left-section .service-items .item .image {
    position: relative;
    text-align: center;
    height: 55px;
    width: 55px;
    margin: 6px auto
}

    .services .container .top-section .left-section .service-items .item .image img {
        max-width: 55px;
        max-height: 65px;
        width: 100%;
        height: auto
    }

    .services .container .top-section .left-section .service-items .item .image .hover-image {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto
    }

.services .container .top-section .left-section .service-items .item .text {
    color: #212121;
    font-size: 1.2em;
    width: 50%;
    line-height: .9;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0 0
}

.services .container .top-section .left-section .service-items .item a {
    display: block
}

.services .btn {
    float: left;
    clear: both;
    margin: 21px 7px
}

@media screen and (max-width:950px) {
    .services .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .services .container .top-section .left-section .service-items .item .image .hover-image {
    right: auto;
    left: 0
}

html.ltr .services .btn {
    float: right
}

@media screen and (max-width:767px) {
    html.ltr .services .btn {
        float: none
    }
}

.news {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:950px) {
    .news {
        padding: 0
    }
}

.news .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #1a416a;
    z-index: 1
}

@media screen and (max-width:950px) {
    .news .bg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .news .container {
        display: flex;
        align-items: center;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
        flex-direction: row-reverse;
        padding: 0
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .news .container {
        padding: 0
    }
}

.news .container .news-list {
    direction: rtl;
    width: 100%
}

@media screen and (min-width:768px) {
    .news .container .news-list .items {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        flex-direction: row-reverse;
        padding: 0 15px;
        height: 100%
    }
}

@media screen and (max-width:950px) and (min-width:768px) {
    .news .container .news-list .items {
        max-width: 97%;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .news .container .news-list .items {
        max-width: none
    }
}

.news .container .news-list .items * {
    transition: all .5s
}

.news .container .news-list .items .item {
    width: auto;
    background: #fff;
    margin: 0 2.5vw;
    border-bottom: 9px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    position: relative;
    max-width: 26%;
    height: auto
}

@media screen and (max-width:767px) {
    .news .container .news-list .items .item {
        max-width: none;
        width: inherit;
        margin: auto
    }
}

.news .container .news-list .items .item .image img {
    width: 100%;
    height: auto;
    display: block
}

.news .container .news-list .items .item .text {
    padding: 1.5vw
}

    .news .container .news-list .items .item .text .btn {
        display: block;
        visibility: hidden;
        height: auto;
        opacity: 0;
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }

.news .container .news-list .items .item:hover {
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.5)
}

    .news .container .news-list .items .item:hover .btn {
        visibility: visible;
        opacity: 1
    }

.news .container .news-title {
    width: 108px
}

@media screen and (max-width:950px) {
    .news .container .news-title {
        background-color: #1a416a;
        display: block;
        width: 100%;
        padding: 3vw 0;
        margin: 0 0 3vw
    }
}

.news .container .news-title .title-line {
    margin: 0 0 11px;
    line-height: .8
}

    .news .container .news-title .title-line:after {
        width: 42%
    }

.news .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 76.5%;
    width: 100%
}

@media screen and (max-width:950px) {
    .news .button {
        position: relative
    }
}

@media screen and (max-width:950px) {
    .news .button .btn {
        float: none;
        clear: both;
        width: 50%;
        margin: 18px auto 32px;
        display: block
    }
}

html.ltr .news .bg {
    left: auto;
    right: 0
}

html.ltr .news .container .news-list {
    direction: ltr
}

    html.ltr .news .container .news-list .items .item .text .btn {
        right: auto;
        left: 0
    }

.events {
    margin: 0 0 50px
}

@media screen and (max-width:767px) {
    .events .container {
        padding: 0
    }
}

.events .container .top-section {
    position: relative
}

    .events .container .top-section img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:767px) {
    .events .container .top-section img.main-image {
        display: none !important;
        visibility: hidden !important
    }
}

.events .container .top-section img.mobile-image {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .events .container .top-section img.mobile-image {
        display: block !important;
        visibility: visible !important
    }
}

.events .container .top-section .title-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    max-width: 150px
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text {
        top: 21px;
        text-align: center;
        max-width: 100%;
        transform: none;
        width: 100%;
        right: 0
    }
}

.events .container .top-section .title-text .title-line {
    margin: 0 0 8px;
    line-height: 1;
    width: 86%
}

@media screen and (max-width:950px) {
    .events .container .top-section .title-text .title-line {
        width: 100%
    }
}

.events .container .top-section .title-text .title-line:after {
    width: 37%
}

.events .container .bottom-section {
    margin-top: -169px;
    z-index: 34;
    position: relative
}

@media screen and (max-width:1270px) {
    .events .container .bottom-section {
        margin-top: -9vw
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section {
        margin-top: 0
    }
}

.events .container .bottom-section * {
    transition: all .9s
}

.events .container .bottom-section .inner {
    max-width: 1329px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.38)
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner {
        box-shadow: none
    }
}

.events .container .bottom-section .inner .section-nav {
    background: #0f7c79
}

    .events .container .bottom-section .inner .section-nav .nav-items {
        display: flex;
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items {
        overflow: auto;
        padding: 17px 16px
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li {
        white-space: nowrap;
        font-size: 12px;
        margin-left: 23px;
        font-weight: 100
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li:focus a, .events .container .bottom-section .inner .section-nav .nav-items li:hover a {
    color: #f9b81f
}

    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #f9b81f;
        position: absolute;
        bottom: -5px;
        right: 0
    }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-nav .nav-items li h2 {
    font-size: 100%;
    line-height: normal;
    font-weight: 400
}

.events .container .bottom-section .inner .section-nav .nav-items li a {
    color: #fff;
    font-size: 2em;
    padding: 0 2vw
}

    .events .container .bottom-section .inner .section-nav .nav-items li a span {
        position: relative
    }

    .events .container .bottom-section .inner .section-nav .nav-items li a.active {
        color: #f9b81f
    }

        .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #f9b81f;
            position: absolute;
            bottom: -5px;
            right: 0
        }

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
        height: 2px
    }
}

.events .container .bottom-section .inner .section-items {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items {
        flex-direction: column;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        left: 0
    }
}

.events .container .bottom-section .inner .section-items.active {
    display: flex;
    opacity: 1;
    visibility: visible
}

.events .container .bottom-section .inner .section-items .right-side {
    position: relative;
    width: 27%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:1050px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 38%
    }
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side {
        width: 100%;
        background: transparent
    }
}

.events .container .bottom-section .inner .section-items .right-side img {
    display: none;
    width: 100%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side img {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .right-side .text {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 100%
}

    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.5em
    }

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text {
        font-size: 1.1em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
    background-color: #1a416a;
    color: #fff;
    padding: 0 1vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -.5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .top-text h2 {
        padding: 0 2vw;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 1.8em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
    background-color: #0f7c79;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 8px 1vw;
    position: relative;
    display: inline-block;
    font-size: 1.32em
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        padding: 8px 2.2vw;
        font-size: 1.2em
    }
}

.events .container .bottom-section .inner .section-items .right-side .text .bottom-text span {
    display: block
}

.events .container .bottom-section .inner .section-items .right-side a {
    display: block;
    height: 100%
}

.events .container .bottom-section .inner .section-items .left-side {
    width: 87%
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side {
        width: 100%
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items {
        display: block
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
    width: 25%;
    border: 1px solid #e1e1e1;
    padding: 1.25vw 1vw 2.355vw;
    color: #9b9b9b !important;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    z-index: 1;
    height: 205px
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item {
        width: 100%;
        padding: 3vw 5vw;
        display: none
    }

        .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:nth-of-type(-n+3) {
            display: block
        }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover {
    box-shadow: 0 0 15px 0 hsla(0,2%,44%,.5);
    border: 0;
    z-index: 2
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:focus .details, .events .container .bottom-section .inner .section-items .left-side .event-items .event-item:hover .details {
        opacity: 1;
        visibility: visible
    }

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 1.55em
}

@media screen and (max-width:950px) {
    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        font-size: 1.2em;
        line-height: 1
    }
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item p {
    color: #9b9b9b !important
}

.events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
    color: #212121;
    font-size: 1.2em;
    position: absolute;
    left: 16px;
    bottom: 9px;
    letter-spacing: -.4px;
    font-weight: 500;
    visibility: hidden;
    opacity: 0
}

    .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details:focus {
        visibility: visible;
        opacity: 1
    }

.events .container .bottom-section .button {
    max-width: 1329px;
    width: 100%;
    margin: 1.5vw auto;
    display: table;
    clear: both
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button {
        max-width: 350px
    }
}

.events .container .bottom-section .button .btn {
    float: left
}

@media screen and (max-width:767px) {
    .events .container .bottom-section .button .btn {
        float: none;
        width: 100%
    }
}

.tabs-list {
    position: relative;
    background: #fff
}

@media scree and (max-width:767px) {
    .tabs-list {
        margin-top: 20px
    }
}

.tabs-list .active {
    display: flex;
    position: static !important
}

.tabs-list .hide {
    display: none
}

html.ltr .events .container .top-section .title-text {
    right: auto;
    left: 7%
}

@media screen and (max-width:950px) {
    html.ltr .events .container .top-section .title-text {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:767px) {
    html.ltr .events .container .bottom-section .inner .section-nav .nav-items li {
        margin-left: 0;
        margin-right: 23px
    }
}

html.ltr .events .container .bottom-section .inner .section-items, html.ltr .events .container .bottom-section .inner .section-items .right-side .text, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:focus a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li:hover a span:after, html.ltr .events .container .bottom-section .inner .section-nav .nav-items li a.active span:after {
    right: auto;
    left: 0
}

    html.ltr .events .container .bottom-section .inner .section-items .right-side .text .bottom-text {
        text-align: left
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .details {
        left: auto;
        right: 16px
    }

    html.ltr .events .container .bottom-section .inner .section-items .left-side .event-items .event-item .title {
        text-align: left
    }

html.ltr .events .container .bottom-section .button .btn {
    float: right
}

.updates {
    position: relative;
    padding: 5% 0;
    margin: 0 0 5vw
}

@media screen and (max-width:767px) {
    .updates {
        padding: 0;
        margin: 0
    }
}

.updates .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #0f7c79;
    z-index: 1
}

@media screen and (max-width:950px) {
    .updates .bg {
        display: none
    }
}

.updates .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width:950px) {
    .updates .container {
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container {
        padding: 0
    }
}

.updates .container .right-section {
    display: flex;
    flex-direction: row-reverse;
    margin-right: auto;
    width: 100%;
    max-width: 1330px;
    margin-left: 4vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    background-color: #fff
}

@media screen and (max-width:950px) {
    .updates .container .right-section {
        box-shadow: none
    }
}

.updates .container .right-section .left-image {
    width: 100%;
    max-width: 615px;
    background-image: url(/modiinwebsite/img/third.jpg);
    background-size: cover;
    margin: 0
}

@media screen and (max-width:1340px) {
    .updates .container .right-section .left-image {
        width: 60%
    }
}

@media screen and (max-width:950px) {
    .updates .container .right-section .left-image {
        display: none
    }
}

.updates .container .right-section .left-image img {
    visibility: hidden
}

.updates .container .right-section .left-image .image-text-over {
    display: block
}

    .updates .container .right-section .left-image .image-text-over .top-text {
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .top-text span {
            background-color: #1a416a;
            color: #fff;
            padding: 0 1vw;
            text-align: center;
            line-height: 1.4;
            letter-spacing: -.5px;
            display: inline-block
        }

    .updates .container .right-section .left-image .image-text-over .bottom-text {
        font-size: 1.32em;
        display: block;
        margin: 0
    }

        .updates .container .right-section .left-image .image-text-over .bottom-text span {
            background-color: #0f7c79;
            color: #fff;
            font-weight: 400;
            text-align: right;
            padding: 8px 1vw;
            position: relative;
            line-height: 1;
            display: inline-block
        }

.updates .container .right-section .right-table {
    width: 100%;
    padding: 2vw;
    max-width: 55%
}

@media screen and (max-width:950px) {
    .updates .container .right-section .right-table {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table {
        padding: 0
    }
}

.updates .container .right-section .right-table .updates-nav ul {
    display: flex;
    justify-content: right;
    overflow: auto
}

    .updates .container .right-section .right-table .updates-nav ul li {
        position: relative;
        margin: 0 0 0 25px;
        white-space: nowrap;
        padding: 0 0 3px
    }

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-nav ul li {
        margin: 0 16px;
        padding: 12px 0
    }
}

.updates .container .right-section .right-table .updates-nav ul li:hover a {
    color: #0f7c79
}

    .updates .container .right-section .right-table .updates-nav ul li:hover a span:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #0f7c79;
        position: absolute;
        bottom: -5px;
        right: 0
    }

.updates .container .right-section .right-table .updates-nav ul li h3 {
    font-weight: 400;
    font-size: 100%;
    line-height: normal
}

.updates .container .right-section .right-table .updates-nav ul li a {
    color: #212121;
    padding: 0;
    font-weight: 400;
    font-size: 1.4em
}

    .updates .container .right-section .right-table .updates-nav ul li a span {
        position: relative
    }

    .updates .container .right-section .right-table .updates-nav ul li a.active {
        color: #0f7c79
    }

        .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
            content: "";
            width: 100%;
            height: 4px;
            background: #0f7c79;
            position: absolute;
            bottom: -5px;
            right: 0
        }

.updates .container .right-section .right-table .updates-list {
    padding: 0;
    position: relative;
    background: #fff
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list {
        padding-right: 0;
        padding-left: 0
    }
}

.updates .container .right-section .right-table .updates-list * {
    transition: all .9s
}

.updates .container .right-section .right-table .updates-list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-flow: wrap;
    position: absolute;
    top: 2vw;
    right: 1vw;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul {
        border-top: 1px solid #e9e7e7;
        border-bottom: 1px solid #e9e7e7;
        padding: 6vw 7vw
    }
}

.updates .container .right-section .right-table .updates-list ul.active {
    display: flex;
    position: relative;
    opacity: 1;
    visibility: visible
}

.updates .container .right-section .right-table .updates-list ul li {
    width: 50%
}

@media screen and (max-width:767px) {
    .updates .container .right-section .right-table .updates-list ul li {
        display: none;
        width: 100%;
        margin: 0 0 18px
    }

        .updates .container .right-section .right-table .updates-list ul li:nth-of-type(-n+4) {
            display: block
        }
}

.updates .container .right-section .right-table .updates-list ul li a {
    color: #616161;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 1vw;
    display: block
}

    .updates .container .right-section .right-table .updates-list ul li a span {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        .updates .container .right-section .right-table .updates-list ul li a span.text {
            font-size: 1.1em
        }

        .updates .container .right-section .right-table .updates-list ul li a span.date {
            font-size: .8em;
            font-weight: 500;
            letter-spacing: .5px
        }

.updates .container .right-section .right-table .updates-list ul li:before {
    display: none
}

@media screen and (max-width:950px) {
    .updates .container .left-section {
        background: #0f7c79;
        width: 100%;
        padding: 25px 0
    }
}

.updates .container .left-section .title-line {
    margin: 0 0 8px;
    line-height: .8
}

    .updates .container .left-section .title-line:after {
        width: 42%
    }

.updates .updates-list .active {
    display: flex
}

.updates .updates-list .hide {
    display: none
}

.updates .left-image {
    position: relative
}

    .updates .left-image * {
        transition: all .9s
    }

    .updates .left-image .left-image-item {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 0;
        right: 0
    }

        .updates .left-image .left-image-item.active {
            position: relative;
            opacity: 1;
            visibility: visible
        }

html.ltr .updates .bg {
    right: 0;
    left: auto
}

html.ltr .updates .container .right-section {
    margin-left: auto;
    margin-right: 4vw
}

    html.ltr .updates .container .right-section .left-image .image-text-over .bottom-text span {
        text-align: left
    }

    html.ltr .updates .container .right-section .right-table {
        padding: 2vw 1vw
    }

        html.ltr .updates .container .right-section .right-table .updates-nav ul {
            justify-content: left
        }

            html.ltr .updates .container .right-section .right-table .updates-nav ul li {
                margin: 0 0 0 25px
            }

                html.ltr .updates .container .right-section .right-table .updates-nav ul li:hover a span:after, html.ltr .updates .container .right-section .right-table .updates-nav ul li a.active span:after {
                    left: 0;
                    right: auto
                }

.footer-first-section {
    margin: 0 0 4vw
}

    .footer-first-section h2 {
        line-height: 1;
        font-size: 2em;
        color: #212121;
        margin: 0 0 7px
    }

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section h2 {
        font-size: 1.75vw
    }
}

.footer-first-section p {
    margin: 0 0 22px;
    font-size: 1.63em
}

@media screen and (max-width:1800px) and (min-width:951px) {
    .footer-first-section p {
        font-size: 1.5vw
    }
}

.footer-first-section p label {
    font-size: .575em;
    display: block;
    line-height: 1;
    color: #9f9f9f
}

.footer-first-section .list-items {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items {
        align-items: flex-end;
        width: 100%;
        flex-direction: column
    }
}

.footer-first-section .list-items .list-item {
    width: 33%;
    padding: 20px 5vw !important
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .list-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto
    }
}

.footer-first-section .list-items .item-one {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center
}

    .footer-first-section .list-items .item-one .left-section {
        align-self: center;
        margin: 0 1vw 0 0
    }

        .footer-first-section .list-items .item-one .left-section img {
            width: 100%;
            height: auto;
            max-width: 225px
        }

@media screen and (max-width:1280px) {
    .footer-first-section .list-items .item-one img {
        height: 26vw;
        width: auto
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-one img {
        width: auto;
        height: 48vw
    }
}

.footer-first-section .list-items .item-two {
    width: 28%;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center
    }
}

.footer-first-section .list-items .item-two h2 {
    letter-spacing: -.5px
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-two p {
        padding: 0 8vw
    }
}

.footer-first-section .list-items .item-two form input.error {
    border: 1px solid #ed5b5b
}

.footer-first-section .list-items .item-three {
    width: 33%
}

    .footer-first-section .list-items .item-three ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: center
    }

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 50%;
        margin: 0 auto
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul {
        max-width: 80%;
        padding: 7vw 0
    }
}

.footer-first-section .list-items .item-three ul li {
    position: relative;
    width: 138px;
    height: 138px;
    margin: auto
}

@media screen and (max-width:1800px) {
    .footer-first-section .list-items .item-three ul li {
        width: 7vw;
        height: 7vw
    }
}

@media screen and (max-width:950px) {
    .footer-first-section .list-items .item-three ul li {
        width: 18vw;
        height: 18vw
    }
}

@media screen and (max-width:520px) {
    .footer-first-section .list-items .item-three ul li {
        width: 26vw;
        height: 26vw
    }
}

.footer-first-section .list-items .item-three ul li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 117px
}

@media screen and (max-width:400px) {
    .footer-first-section .list-items .item-three ul li img {
        width: 100%;
        height: auto
    }
}

.footer-first-section .list-items .item-three ul li:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,.14)
}

.footer-first-section .list-items .item-three ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-first-section img {
    width: auto
}

.footer-first-section .download img {
    width: 100%;
    height: auto
}

.footer-first-section form p.flex {
    flex-direction: column
}

.footer-first-section form .checkbox {
    cursor: pointer;
    text-align: right
}

    .footer-first-section form .checkbox input {
        display: none;
        visibility: hidden;
        position: relative;
        z-index: -1
    }

    .footer-first-section form .checkbox label {
        font-size: .575em;
        display: block;
        line-height: 1;
        color: #9f9f9f;
        padding: 0 33px;
        position: relative
    }

        .footer-first-section form .checkbox label:before {
            content: "";
            width: 13px;
            height: 13px;
            border: 1px solid;
            position: absolute;
            background: #d5c8c8;
            right: 0
        }

.footer-first-section form input[type=checkbox]:checked + label:before {
    background: url(/modiinwebsite/img/checked.png) no-repeat 50%
}

.footer-first-section form input.input {
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border: 0;
    padding: 0 17px;
    width: 100%;
    font-size: .65em;
    margin: 0 0 16px
}

@media screen and (max-width:950px) {
    .footer-first-section form input.input {
        width: 100%
    }
}

.footer-first-section form button[type=submit] {
    width: auto;
    height: 40px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #052b51;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .65em;
    padding: 0 1em;
    cursor: pointer
}

html.ltr .footer-first-section .list-items .item-one .left-section {
    margin: 0 0 0 1vw
}

html.ltr .footer-first-section form .checkbox {
    text-align: left
}

    html.ltr .footer-first-section form .checkbox label:before {
        left: 0;
        right: auto
    }

footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        footer .container .top-section {
            position: relative;
            border-bottom: 3px solid #e3e3e3;
            margin: 0 0 2vw;
            padding: 0 0 2vw
        }

@media screen and (max-width:767px) {
    footer .container .top-section {
        border-bottom: 0
    }
}

footer .container .top-section .inner {
    justify-content: center;
    align-items: center
}

@media screen and (max-width:950px) {
    footer .container .top-section .inner {
        flex-direction: column
    }
}

footer .container .top-section .share-icons {
    margin: 0 0 0 2vw
}

@media screen and (max-width:950px) {
    footer .container .top-section .share-icons {
        padding: 2vw 0
    }
}

footer .container .top-section .share-icons li {
    margin: 0 6px
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu {
        flex-direction: column
    }
}

footer .container .top-section .contact-menu li {
    font-size: 45px;
    position: relative
}

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li {
        position: relative;
        font-size: 1.75em
    }
}

footer .container .top-section .contact-menu li a {
    color: #38ad8c;
    padding: 0 1.5vw;
    position: relative
}

    footer .container .top-section .contact-menu li a:after {
        content: "";
        position: absolute;
        height: 56%;
        width: 2px;
        background: #38ad8c;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

@media screen and (max-width:950px) {
    footer .container .top-section .contact-menu li a:after {
        display: none
    }
}

footer .container .top-section .contact-menu li:last-of-type a:after {
    display: none
}

@media screen and (max-width:767px) {
    footer .container .bottom-section {
        background: #fff;
        padding: 0
    }
}

footer .container .bottom-section h2 {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000;
    font-size: 1.65em;
    position: relative;
    transition: all .5s
}

@media screen and (max-width:767px) {
    footer .container .bottom-section h2:after {
        content: "";
        background: url(/modiinwebsite/img/arrow-left.svg) no-repeat 50%;
        width: 11px;
        height: 100%;
        background-size: 100%;
        position: absolute;
        left: 0
    }
}

footer .container .bottom-section .footer-menu-items {
    flex-wrap: wrap
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items {
        padding: 4vw 6vw
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items {
        flex-direction: column;
        width: 100%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item {
    width: 20%;
    margin: 0 0 3vw
}

@media screen and (max-width:950px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item:last-of-type {
        margin-bottom: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.46px;
    text-align: right;
    color: #000;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item h2, footer .container .bottom-section .footer-menu-items .menu-item h4 {
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.17px
    }
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul {
        opacity: 0;
        display: none;
        visibility: hidden;
        height: 0
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: right;
    color: #000
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item ul li a {
        font-size: 19px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.26;
        letter-spacing: normal;
        text-align: right;
        color: #1a416a
    }
}

footer .container .bottom-section .footer-menu-items .menu-item ul li:hover a {
    color: #38ad8c;
    font-weight: 700
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    footer .container .bottom-section .footer-menu-items .menu-item.open-ul ul {
        margin: 10px 5%
    }
}

footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2 {
    color: #0f7c79
}

    footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
        background: url(/modiinwebsite/img/arrow-left-open.svg) no-repeat 50%
    }

footer .container .inner {
    max-width: 1315px;
    margin: 0 auto;
    width: 100%
}

footer img {
    width: auto;
    height: auto
}

footer .rights {
    text-align: center;
    margin: 7px 0 10px;
    font-size: .875em
}

footer .credit {
    background: #0f7c79;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 1.02em;
    direction: ltr;
    font-weight: 500;
    margin: 0
}

    footer .credit a {
        color: #fff
    }

html.ltr footer {
    background: #f2f2f2;
    padding: 2vw 0 0
}

    html.ltr footer .container {
        max-width: 1795px;
        width: 100%;
        margin: 0 auto
    }

        html.ltr footer .container .top-section .share-icons {
            margin: 0 2vw 0 0
        }

        html.ltr footer .container .top-section .contact-menu li a:after {
            left: auto;
            right: 0
        }

@media screen and (max-width:767px) {
    html.ltr footer .container .bottom-section h2:after {
        right: 0;
        left: auto
    }
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4 {
    text-align: left
}

    html.ltr footer .container .bottom-section .footer-menu-items .menu-item h2:after, html.ltr footer .container .bottom-section .footer-menu-items .menu-item h4:after {
        transform: rotate(180deg)
    }

html.ltr footer .container .bottom-section .footer-menu-items .menu-item ul li a {
    text-align: left
}

html.ltr footer .container .bottom-section .footer-menu-items .menu-item.open-ul h2:after {
    transform: unset
}

html.ltr footer .credit {
    direction: ltr
}

.wanted {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .wanted .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .wanted .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.wanted .top-section h2 {
    color: #38ad8c
}

.wanted .top-section .item {
    width: 100%;
    text-align: center
}

    .wanted .top-section .item.first {
        width: 63%;
        padding: 0 4vw;
        align-self: flex-start
    }

@media screen and (max-width:767px) {
    .wanted .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.wanted .top-section .item.first .image {
    margin: 8px 0 1vw
}

.wanted .top-section .item.second {
    text-align: right;
    padding: 0 0 0 1.5vw;
    align-self: baseline
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.wanted .top-section .item.third {
    width: 60%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third {
        width: 100%
    }
}

.wanted .top-section .item.third ul {
    width: auto;
    float: left;
    margin: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul {
        float: none !important;
        margin: 0 !important
    }
}

.wanted .top-section .item.third ul li {
    margin: 0 0 1vw
}

@media screen and (max-width:767px) {
    .wanted .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.wanted .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .wanted .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.wanted .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .wanted .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section {
        flex-direction: column;
        align-items: center;
        padding: 6vw 0 0;
        width: 100%
    }
}

.wanted .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:767px) {
    .wanted .bottom-section li a {
        width: 100%
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .wanted .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.wanted .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.wanted .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

.wanted .bottom-section .buttons-left ul li {
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.wanted .bottom-section .buttons-left ul li a {
    text-decoration: underline;
    padding: 0 33px;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .wanted .bottom-section .buttons-left ul li a {
        margin-bottom: 1vw
    }
}

.wanted .bottom-section .buttons-left ul li a.btn {
    text-decoration: none
}

.wanted .inner-container {
    max-width: 100%
}

.wanted .flex {
    align-items: center
}

html.ltr .wanted .top-section .item {
    text-align: center
}

    html.ltr .wanted .top-section .item.second {
        text-align: left;
        padding: 1vw 1.5vw 0 0
    }

    html.ltr .wanted .top-section .item.third ul {
        float: right;
        margin: 0 30px 0 0
    }

html.ltr .wanted .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .wanted .bottom-section {
        padding: 6vw 0 0
    }
}

html.ltr .wanted .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .wanted .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.events .wrap {
    padding: 37px 3vw 0
}

.events .main-container {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 4px solid #0f7c79;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

@media screen and (max-width:767px) {
    .events .main-container .flex {
        flex-direction: column
    }
}

.events .main-container .flex-item {
    width: 100%
}

.events .main-container .image {
    max-width: 440px;
    position: relative
}

@media screen and (max-width:767px) {
    .events .main-container .image {
        max-width: 90%;
        margin: 0 auto
    }
}

.events .main-container .image img {
    width: 100%;
    height: auto
}

.events .main-container .image .image-date {
    width: 90px;
    height: 90px;
    background-color: #0f7c79;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0
}

    .events .main-container .image .image-date span {
        display: block;
        line-height: 1
    }

        .events .main-container .image .image-date span.day {
            font-size: 40px;
            font-weight: 700
        }

        .events .main-container .image .image-date span.month {
            font-size: 25px;
            font-weight: 400
        }

.events .main-container .content {
    padding: 0 2vw
}

@media screen and (max-width:950px) {
    .events .main-container .content {
        padding: 0 4vw
    }
}

@media screen and (max-width:620px) {
    .events .main-container .content {
        padding: 6vw
    }
}

.events .main-container .content h3 {
    font-size: 1.06em;
    margin: 0;
    line-height: 1.1
}

.events .main-container .content .inner {
    padding: 0;
    max-width: 489px;
    width: 100%
}

.events .main-container .content .desc {
    font-size: 15px;
    margin: 16px 0
}

    .events .main-container .content .desc a {
        color: #38ad8c;
        text-decoration: underline
    }

    .events .main-container .content .desc span {
        display: block;
        color: #212121;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        font-size: 1em
    }

    .events .main-container .content .desc .time {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .time:before {
            content: "";
            background-image: url(/modiinwebsite/img/time.svg);
            background-size: 100%;
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .events .main-container .content .desc .location {
        position: relative;
        padding-right: 22px
    }

        .events .main-container .content .desc .location:before {
            content: "";
            background-image: url(/modiinwebsite/img/location.svg);
            background-size: 100%;
            width: 11px;
            height: 14px;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

.events .buttons {
    border-top: 0;
    justify-content: flex-end;
    padding: 0 22px;
    margin: 18px 0
}

    .events .buttons a {
        line-height: 40px;
        font-size: 19px;
        letter-spacing: -.25px;
        padding: 0 20px
    }

@media screen and (max-width:767px) {
    .events .buttons a {
        max-width: 50%;
        margin: 0 auto 15px;
        width: 100%;
        display: block
    }
}

@media screen and (max-width:580px) {
    .events .buttons a {
        max-width: 90%
    }
}

.events .buttons .buy-ticket {
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .events .buttons .buy-ticket {
        margin-right: 0
    }
}

.events .buttons .add-to-calendar {
    margin-right: 15px
}

    .events .buttons .add-to-calendar a {
        display: block;
        min-width: 187px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
        background-image: url(/modiinwebsite/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
        background-size: 16px 17px;
        padding: 0 0 0 38px
    }

html.ltr .events .main-container .image .image-date {
    left: 0;
    right: auto
}

html.ltr .events .main-container .content .desc a {
    color: #38ad8c;
    text-decoration: underline
}

html.ltr .events .main-container .content .desc .time {
    padding-right: 0;
    padding-left: 22px
}

    html.ltr .events .main-container .content .desc .time:before {
        right: auto;
        left: 0
    }

html.ltr .events .main-container .content .desc .location {
    padding-left: 22px;
    padding-right: 0
}

    html.ltr .events .main-container .content .desc .location:before {
        right: auto;
        left: 0
    }

html.ltr .events .buttons .add-to-calendar, html.ltr .events .buttons .buy-ticket {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:767px) {
    html.ltr .events .buttons .buy-ticket {
        margin-left: 0
    }
}

.ontoday {
    margin: 0 0 3vw
}

    .ontoday .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 0
    }

@media screen and (max-width:820px) {
    .ontoday .section {
        width: 100%;
        margin-left: 0
    }
}

.ontoday .section:nth-child(2n) {
    margin-left: 0
}

.ontoday .section h2 {
    font-size: 1.3em;
    margin: 0 0 30px;
    background-color: rgba(26,65,106,.9);
    line-height: 2;
    padding: 0 39px;
    color: #f9b81f;
    font-weight: 500;
    position: relative
}

    .ontoday .section h2:before {
        position: absolute;
        content: "";
        background-image: url(/modiinwebsite/img/megaphone.svg);
        width: 21px;
        height: 18px;
        top: 11px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .ontoday .section h2 span {
        padding: 0 39px 0 0
    }

.ontoday .section .date {
    font-size: 1.18em;
    color: #b1abab;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.27px;
    margin-bottom: 14px
}

@media scree and (max-width:360px) {
    .ontoday .section .date {
        display: block
    }
}

.ontoday .section .text {
    padding: 39px;
    padding-top: 0
}

.ontoday .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.ontoday .wrap {
    flex-wrap: wrap
}

html.ltr .ontoday .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:820px) {
    html.ltr .ontoday .section {
        margin-right: 0
    }
}

html.ltr .ontoday .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .ontoday .section h2 span {
    padding: 0 0 0 39px
}

.important {
    margin: 0 0 3vw
}

    .important .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        padding: 39px
    }

@media screen and (max-width:880px) {
    .important .section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .important .section {
        width: 100%;
        margin-left: 0
    }
}

.important .section:nth-child(2n) {
    margin-left: 0
}

.important .section p a {
    color: #000;
    text-decoration: underline
}

.important .section h2 {
    color: #38ad8c;
    margin: 0 0 5px
}

.important .section h3 {
    margin: 0 0 3px;
    line-height: 1;
    font-size: 1.07em
}

.important .section .right-section {
    justify-content: center;
    align-items: center;
    width: 50%
}

@media screen and (max-width:950px) {
    .important .section .right-section {
        flex-direction: column;
        text-align: center;
        align-self: flex-start
    }
}

@media screen and (max-width:880px) {
    .important .section .right-section {
        flex-direction: row;
        width: 100%;
        margin: 0 0 17px
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section {
        flex-direction: column
    }
}

.important .section .right-section .image {
    width: 35%
}

@media screen and (max-width:950px) {
    .important .section .right-section .image {
        width: 22%
    }
}

@media screen and (max-width:400px) {
    .important .section .right-section .image {
        width: 10%
    }
}

.important .section .right-section .title {
    width: 75%
}

    .important .section .right-section .title span {
        display: block;
        color: #212121;
        line-height: 1;
        font-size: 1.3em
    }

.important .section .left-section {
    width: 42%;
    margin-right: auto
}

@media screen and (max-width:880px) {
    .important .section .left-section {
        width: 100%;
        padding: 1vw;
        margin: 0;
        text-align: center
    }
}

.important .section .left-section ul li {
    margin: 0 0 1.5em
}

.important .wrap {
    flex-wrap: wrap
}

html.ltr .important .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .important .section {
        margin-right: 0
    }
}

html.ltr .important .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .important .section .left-section {
    margin-right: 0;
    margin-left: auto
}

.parasha {
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    margin: 0 0 2vw
}

    .parasha .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .parasha .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.parasha .top-section h2 {
    color: #38ad8c
}

.parasha .top-section .item {
    width: 100%;
    text-align: center
}

    .parasha .top-section .item.first {
        width: 63%;
        padding: 0 4vw
    }

@media screen and (max-width:370px) {
    .parasha .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.parasha .top-section .item.first .image {
    margin: 8px 0 1vw
}

.parasha .top-section .item.second {
    text-align: right;
    padding: 1vw 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .parasha .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.parasha .top-section .item.third {
    width: 60%
}

    .parasha .top-section .item.third ul li {
        margin: 0 0 1.5vw
    }

@media screen and (max-width:767px) {
    .parasha .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.parasha .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .parasha .top-section .item.third ul li span.title {
        color: #212121;
        font-weight: 600
    }

.parasha .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .parasha .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.parasha .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.parasha .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .parasha .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.parasha .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.parasha .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .parasha .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.parasha .bottom-section .buttons-left ul li a {
    padding: 11px 50px
}

.parasha .inner-container {
    max-width: 100%
}

.parasha .flex {
    align-items: center
}

html.ltr .parasha .top-section .item.second {
    text-align: left;
    padding: 1vw 1.5vw 0 0
}

html.ltr .parasha .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

    html.ltr .parasha .bottom-section .buttons-right ul li {
        margin-left: 0;
        margin-right: 20px
    }

    html.ltr .parasha .bottom-section .buttons-left {
        margin-right: 0;
        margin-left: auto
    }

.adopt .wrap {
    flex-wrap: wrap
}

.adopt .section {
    width: 48.4%;
    margin-left: 2vw;
    margin-bottom: 30px;
    margin-top: 50px;
    border: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb
}

@media screen and (max-width:767px) {
    .adopt .section {
        width: 100%;
        margin-left: 0
    }
}

.adopt .section:nth-child(2n) {
    margin-left: 0
}

.adopt .section h2 {
    color: #38ad8c
}

.adopt .section h3 {
    line-height: 1
}

.adopt .section .top-section {
    margin: 0 0 30px;
    padding: 19px 39px 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section {
        flex-direction: column
    }
}

.adopt .section .top-section .right-section {
    width: 50%;
    position: relative;
    padding: 0;
    text-align: center;
    margin: -60px 0 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section {
        padding-bottom: 17px;
        width: 100%
    }
}

.adopt .section .top-section .right-section img {
    position: relative;
    top: 0;
    text-align: right;
    right: 0;
    transform: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    width: 100%;
    height: auto;
    max-width: 75%;
    margin: 0
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .right-section img {
        left: 0;
        margin: auto
    }
}

.adopt .section .top-section .left-section {
    width: 50%
}

@media screen and (max-width:950px) {
    .adopt .section .top-section .left-section {
        width: 100%
    }
}

.adopt .section .top-section .left-section .adopt-list {
    border-bottom: 1px solid hsla(0,0%,59%,.17);
    background-color: #fbfbfb;
    padding: 0 0 7px;
    margin: 0 0 22px
}

    .adopt .section .top-section .left-section .adopt-list li {
        width: 100%;
        margin: unset
    }

        .adopt .section .top-section .left-section .adopt-list li span {
            display: block;
            text-align: center;
            margin: 0 0 5px
        }

            .adopt .section .top-section .left-section .adopt-list li span:last-of-type {
                line-height: .8;
                margin: 0
            }

.adopt .section .bottom-section {
    text-align: center;
    background: #fff;
    padding: 12px;
    font-weight: 500
}

    .adopt .section .bottom-section a {
        color: #38ad8c
    }

html.ltr .adopt .section {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:767px) {
    html.ltr .adopt .section {
        margin-right: 0
    }
}

html.ltr .adopt .section:nth-child(2n) {
    margin-right: 0
}

html.ltr .adopt .section .top-section .right-section img {
    text-align: left;
    left: 0;
    right: auto
}

@media screen and (max-width:950px) {
    html.ltr .adopt .section .top-section .right-section img {
        right: 0
    }
}

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.general {
    margin: 0 0 3vw
}

    .general .section {
        width: 48.4%;
        margin-left: 2vw;
        margin-bottom: 30px;
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        flex-direction: column
    }

@media screen and (max-width:767px) {
    .general .section {
        width: 100%;
        margin-left: 0
    }
}

.general .section:nth-child(2n) {
    margin-left: 0
}

.general .section h2 {
    font-size: 1.3em;
    margin: 0 0 20px
}

    .general .section h2 span {
        font-size: .8em;
        color: #b1abab;
        font-weight: 500
    }

@media scree and (max-width:360px) {
    .general .section h2 span {
        display: block
    }
}

.general .section h2 span:before {
    content: "|";
    padding: 0 2px 0 8px;
    position: relative;
    top: -1px
}

.general .section p a {
    color: #38ad8c;
    text-decoration: underline
}

.general .section .title {
    padding: 39px
}

.general .section .bottom-section {
    background: #fff;
    text-align: center;
    padding: 9px;
    margin-top: auto
}

    .general .section .bottom-section h3 {
        color: #38ad8c;
        font-size: 1.19em
    }

.general .wrap {
    flex-wrap: wrap
}

html.ltr .general .section {
    margin-left: 0;
    margin-right: 2vw
}

@media screen and (max-width:767px) {
    html.ltr .general .section {
        margin-right: 0
    }
}

html.ltr .general .section:nth-child(2n) {
    margin-right: 0
}

.sitemap {
    background: #fbfbfb;
    padding: 50px 0
}

    .sitemap .inner-container {
        max-width: 912px
    }

@media screen and (max-width:950px) {
    .sitemap .inner-container {
        padding: 0 4vw
    }
}

.sitemap .header {
    display: block !important
}

.sitemap h2 {
    color: #38ad8c;
    font-size: 1.95em;
    margin: 0 0 7px
}

.sitemap .sitemap-menu {
    flex-wrap: wrap
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu {
        flex-direction: column
    }
}

.sitemap .sitemap-menu .section {
    width: 33.3%;
    margin: 0 0 8%
}

@media screen and (max-width:767px) {
    .sitemap .sitemap-menu .section {
        width: 50%
    }
}

@media screen and (max-width:550px) {
    .sitemap .sitemap-menu .section {
        width: 100%
    }
}

.sitemap .sitemap-menu .section ul li a {
    font-size: 17px;
    color: #373737;
    font-weight: 700
}

.sitemap .sitemap-menu .section ul li li a {
    color: #2c2c2c;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul li li li a {
    color: #797979;
    font-weight: 400
}

.sitemap .sitemap-menu .section ul ul {
    padding: 0 14px 0 0
}

html.ltr .sitemap .sitemap-menu .section ul ul {
    padding: 0 0 0 14px
}

@media screen and (max-width:767px) {
    .icons .icons-list {
        flex-wrap: wrap
    }
}

.line {
    background: #e9e7e7;
    padding: 0;
    margin: 50px 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17)
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.heading-section {
    margin: 0 0 36px
}

@media screen and (max-width:900px) {
    .heading-section {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .heading-section {
        flex-direction: column
    }
}

.main-header-text {
    width: fit-content;
    margin: -50px 0 0 3%;
    position: relative
}

@media screen and (max-width:580px) {
    .main-header-text {
        width: 100%;
        margin: -7px 0 0 3%
    }
}

.main-header-text h1 {
    background: #1a416a;
    color: #fff;
    padding: 0 53px;
    letter-spacing: -.3px;
    font-size: 3.75em
}

@media screen and (max-width:900px) {
    .main-header-text h1 {
        font-size: 2.5em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h1 {
        font-size: 5vw;
        padding: 0 5%
    }
}

@media screen and (max-width:540px) {
    .main-header-text h1 {
        font-size: 7vw;
        padding: 0 5%
    }
}

@media screen and (max-width:400px) {
    .main-header-text h1 {
        font-size: 10vw
    }
}

.main-header-text h2 {
    background: #f9b81f;
    display: inline-block;
    padding: 0 23px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    letter-spacing: -.1px;
    font-size: 1.55em
}

@media screen and (max-width:900px) {
    .main-header-text h2 {
        font-size: 1.2em
    }
}

@media screen and (max-width:767px) {
    .main-header-text h2 {
        font-size: 2.6vw
    }
}

@media screen and (max-width:540px) {
    .main-header-text h2 {
        font-size: 3.2vw
    }
}

@media screen and (max-width:400px) {
    .main-header-text h2 {
        font-size: 4.2vw
    }
}

html.ltr .main-header-text {
    margin: -50px 3% 0 0
}

@media screen and (max-width:580px) {
    html.ltr .main-header-text {
        margin: -7px 3% 0 0
    }
}

.breadcrumbs {
    padding: 10px 4% 0
}

    .breadcrumbs ul {
        flex-wrap: wrap
    }

        .breadcrumbs ul li {
            position: relative;
            margin: 0 0 0 10px;
            padding: 0 0 0 10px
        }

            .breadcrumbs ul li:after {
                content: ">";
                position: absolute;
                left: -12px;
                margin: 0 0 0 10px;
                top: 0
            }

@media screen and (max-width:450px) {
    .breadcrumbs ul li:after {
        top: -2px
    }
}

.breadcrumbs ul li:last-of-type {
    font-weight: 600
}

    .breadcrumbs ul li:last-of-type:after {
        display: none
    }

.breadcrumbs ul li a {
    display: block;
    color: #616161
}

@media screen and (max-width:450px) {
    .breadcrumbs ul li a {
        font-size: 13px
    }
}

html.ltr .breadcrumbs ul li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

    html.ltr .breadcrumbs ul li:after {
        right: -12px;
        left: auto;
        margin: 0 10px 0 0
    }

.filter {
    margin: 0 0 25px
}

    .filter .filter-list {
        align-items: baseline
    }

        .filter .filter-list .title {
            font-size: 19px;
            margin: 0 0 0 5px
        }

    .filter ul {
        overflow: auto;
        flex-wrap: wrap
    }

        .filter ul li {
            margin: 0 5px 5px
        }

            .filter ul li a {
                display: block;
                color: #fff;
                background: #2e8b57;
                border-radius: 3px;
                line-height: 34px;
                padding: 0 10px;
                white-space: nowrap
            }

            .filter ul li.active a, .filter ul li:active a, .filter ul li:hover a {
                background: #1a416a
            }

html.ltr .filter .filter-list .title {
    margin: 0 5px 0 0
}

.left-image {
    margin: 0 0 20px
}

    .left-image h2 {
        font-size: 2.4em;
        margin: 0 0 9px
    }

@media screen and (max-width:767px) {
    .left-image h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.left-image h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .left-image h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .left-image h3 {
        font-size: 1.3em
    }
}

.left-image p {
    margin: 0 0 16px;
    font-size: 1.18em
}

.left-image img {
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .left-image .section {
        flex-direction: column
    }
}

.left-image .right-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .left-image .right-section {
        width: 100%
    }
}

.left-image .left-section {
    width: 46%;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .left-image .left-section {
        width: 100%;
        margin: 0
    }
}

html.ltr .left-image .left-section {
    margin-right: 0;
    margin-left: auto
}

.two-column {
    margin: 0 0 20px
}

    .two-column .text-section {
        column-count: 2;
        column-fill: balance;
        column-gap: 6em
    }

@media screen and (max-width:820px) {
    .two-column .text-section {
        column-count: 1;
        column-gap: 0
    }
}

.two-column .text-section h3 {
    margin: 0 0 16px;
    font-size: 1.18em
}

.two-column h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .two-column h2 {
        flex-direction: column;
        font-size: 2em
    }
}

@media screen and (max-width:450px) {
    .two-column h2 {
        font-size: 1.8em
    }
}

.two-column h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .two-column h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .two-column h3 {
        font-size: 1.3em
    }
}

.two-column p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .two-column p a {
        text-decoration: underline;
        color: #38ad8c
    }

.two-column ul {
    padding: 0 18px 0 0
}

    .two-column ul li {
        position: relative
    }

        .two-column ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .two-column ul li ul {
            padding: 0 11px 0 0
        }

        .two-column ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .two-column ul li p {
            margin: 0 0 9px
        }

.text-content h2 {
    font-size: 2.4em;
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    .text-content h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.text-content h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .text-content h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .text-content h3 {
        font-size: 1.3em
    }
}

.text-content p {
    margin: 0 0 16px;
    font-size: 1.18em
}

    .text-content p a {
        text-decoration: underline;
        color: #38ad8c
    }

.text-content a {
    color: #000;
    text-decoration: underline
}

.text-content ul {
    padding: 0 18px 0 0
}

    .text-content ul li {
        position: relative
    }

        .text-content ul li:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #0f7c79;
            position: absolute;
            top: 7px;
            right: -17px;
            border-radius: 0
        }

        .text-content ul li ul {
            padding: 0 11px 0 0
        }

        .text-content ul li li:after {
            background: #1a416a;
            width: 4px;
            height: 4px;
            right: -11px
        }

        .text-content ul li p {
            margin: 0 0 9px
        }

html.ltr .two-column ul {
    padding: 0 0 0 18px
}

    html.ltr .two-column ul li:after {
        left: -17px;
        right: auto
    }

    html.ltr .two-column ul li ul {
        padding: 0 0 0 11px
    }

    html.ltr .two-column ul li li:after {
        left: -11px;
        right: auto
    }

html.ltr .text-content ul {
    padding: 0 0 0 18px
}

    html.ltr .text-content ul li {
        position: relative
    }

        html.ltr .text-content ul li:after {
            right: auto;
            left: -17px
        }

        html.ltr .text-content ul li ul {
            padding: 0 0 0 11px
        }

        html.ltr .text-content ul li li:after {
            right: auto;
            left: -11px
        }

.image-text-over {
    margin: 0 0 20px
}

    .image-text-over img {
        width: auto;
        height: auto;
        display: block
    }

        .image-text-over img.full-width {
            width: 100%;
            display: block
        }

    .image-text-over .image-caption {
        position: relative
    }

        .image-text-over .image-caption span {
            position: absolute;
            bottom: 23px;
            right: 0;
            color: #fff;
            font-size: 22px;
            background: #1a416a;
            padding: 0 30px;
            line-height: 2.5
        }

@media screen and (max-width:800px) {
    .image-text-over .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .image-text-over .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .image-text-over .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .image-text-over .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .image-text-over .image-caption span {
    left: 0;
    right: auto
}

.right-image-caption {
    margin: 0 0 20px
}

    .right-image-caption h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .right-image-caption h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

.right-image-caption h3 {
    color: #616161;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 29px;
    line-height: 1;
    font-size: 1.75em
}

@media screen and (max-width:1110px) {
    .right-image-caption h3 {
        font-size: 1.5em
    }
}

@media screen and (max-width:950px) {
    .right-image-caption h3 {
        font-size: 1.3em
    }
}

.right-image-caption p {
    margin: 0 0 16px;
    font-size: 1.18em;
    line-height: 1.2
}

.right-image-caption img {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width:767px) {
    .right-image-caption .section {
        flex-direction: column
    }
}

.right-image-caption .left-section {
    width: 46%
}

@media screen and (max-width:767px) {
    .right-image-caption .left-section {
        width: 100%
    }
}

.right-image-caption .right-section {
    width: 46%;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section {
        width: 100%;
        margin: 0
    }
}

.right-image-caption .right-section .image-caption {
    position: relative
}

    .right-image-caption .right-section .image-caption span {
        position: absolute;
        bottom: 23px;
        right: 0;
        color: #fff;
        font-size: 22px;
        background: #1a416a;
        padding: 0 30px;
        line-height: 2.5
    }

@media screen and (max-width:800px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px;
        line-height: 1;
        padding: 12px 10px
    }
}

@media screen and (max-width:767px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 2.4vw;
        bottom: 0
    }
}

@media screen and (max-width:400px) {
    .right-image-caption .right-section .image-caption span {
        font-size: 3.4vw;
        bottom: 0;
        position: relative;
        width: 100%;
        display: block
    }
}

html.ltr .right-image-caption .right-section {
    margin-left: 0;
    margin-right: auto
}

    html.ltr .right-image-caption .right-section .image-caption span {
        right: auto;
        left: 0
    }

.table {
    margin: 0 0 20px;
    overflow-x: auto
}

    .table h2 {
        font-size: 2.4em;
        margin: 0 0 15px
    }

@media screen and (max-width:767px) {
    .table h2 {
        flex-direction: column;
        font-size: 2.2em
    }
}

table {
    width: 100%
}

    table thead {
        color: #fff;
        background: #38ad8c
    }

@media screen and (max-width:767px) {
    table thead {
        display: none
    }
}

@media screen and (max-width:400px) {
    table thead tr {
        display: block
    }
}

table thead tr th {
    padding: 8px 2vw;
    font-weight: 400
}

@media screen and (max-width:400px) {
    table thead tr th {
        width: 100%
    }
}

table tbody {
    width: 100%
}

@media screen and (max-width:767px) {
    table tbody tr {
        display: block !important
    }
}

table tbody tr td {
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td {
        padding: 0;
        display: flex
    }
}

@media screen and (max-width:400px) {
    table tbody tr td {
        width: 100%
    }
}

table tbody tr td span {
    display: none;
    background: #38ad8c;
    color: #fff;
    font-weight: 500;
    padding: 8px 2vw
}

@media screen and (max-width:767px) {
    table tbody tr td span {
        display: block;
        width: auto;
        min-width: 30%;
        text-align: center;
        margin: 0 0 0 4vw
    }
}

@media screen and (max-width:500px) {
    table tbody tr td span {
        min-width: 30%
    }
}

@media screen and (max-width:767px) {
    table tbody tr td p {
        margin: 0 !important;
        align-self: center !important
    }
}

table tbody tr:nth-child(2n) {
    background: #f1f1f1
}

@media screen and (max-width:767px) {
    table tbody tr:nth-child(2n) span {
        background-color: #2d9175
    }
}

table a {
    color: #38ad8c
}

    table a:hover {
        text-decoration: underline
    }

table ::-webkit-scrollbar {
    width: 100%;
    height: 8px
}

table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

table ::-webkit-scrollbar-thumb {
    background: #38ad8c;
    border-radius: 10px
}

    table ::-webkit-scrollbar-thumb:hover {
        background: #38ad8c
    }

audio {
    max-width: 24.75%;
    width: 100%
}

.moked {
    width: 112px;
    box-shadow: 0 0 7px 0 rgba(44,43,41,.4);
    background-color: #fff;
    position: fixed;
    top: 41%;
    left: 0;
    z-index: 999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .moked {
        width: 75px
    }
}

.moked .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 0
}

.moked img {
    width: auto;
    display: block;
    margin: 0 auto 9px
}

@media screen and (max-width:767px) {
    .moked img {
        width: 50%
    }
}

.moked span {
    display: block;
    color: #212121;
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .moked span {
        font-size: 1em
    }
}

.moked .mobile-section {
    display: none
}

html.ltr .moked {
    right: 0;
    left: auto
}

.filter-events .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .filter-events .section.first-as-big .item {
        margin-left: 0
    }

        .filter-events .section.first-as-big .item:first-child {
            width: 100%;
            margin-left: 0 !important
        }

            .filter-events .section.first-as-big .item:first-child .wrap {
                height: auto;
                overflow: hidden
            }

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .wrap {
        height: auto
    }
}

.filter-events .section.first-as-big .item:first-child .content {
    padding: 2vw
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:first-child .content {
        padding-bottom: 50px
    }
}

.filter-events .section.first-as-big .item:first-child .content h2 {
    font-size: 2.36em;
    margin: 0 0 11px
}

.filter-events .section.first-as-big .item:first-child .content .text p {
    font-size: 1.45em;
    color: #616161;
    line-height: 1.1;
    margin: 0 0 17px
}

@media screen and (max-width:1000px) {
    .filter-events .section.first-as-big .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter-events .section.first-as-big .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter-events .section.first-as-big .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter-events .section.first-as-big .item:nth-child(2n) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-left: 0 !important
    }
}

.filter-events .section .item {
    width: 48.4%;
    margin-left: 2vw;
    box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
    transition: all .5s
}

@media screen and (max-width:950px) {
    .filter-events .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(odd) {
    margin-left: 2vw !important
}

@media screen and (max-width:950px) {
    .filter-events .section .item:nth-child(odd) {
        margin-left: 0 !important
    }
}

.filter-events .section .item:nth-child(2n) {
    margin-left: 0 !important
}

.filter-events .section .item:focus .btn, .filter-events .section .item:hover .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

@media screen and (max-width:950px) {
    .filter-events .section .item .btn {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important
    }
}

@media screen and (max-width:950px) {
    .filter-events .section .item .content {
        padding-bottom: 50px
    }
}

.filter-events .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter-events .main-container .item .wrap {
        min-height: unset;
        height: 100%
    }

        .filter-events .main-container .item .wrap .filter-name {
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter-events .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter-events .main-container .flex {
        flex-direction: column
    }
}

.filter-events .main-container .flex-item {
    width: 100%
}

.filter-events .main-container .image {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image {
        background: transparent !important
    }
}

.filter-events .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter-events .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter-events .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter-events .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter-events .main-container .content {
        padding: 6vw
    }
}

.filter-events .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter-events .main-container .content .inner {
    padding: 0
}

.filter-events .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter-events .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter-events .loader {
    display: block;
    width: 100%;
    text-align: center
}

html.ltr .filter-events .section.first-as-big .item {
    margin-right: 0
}

    html.ltr .filter-events .section.first-as-big .item:first-child, html.ltr .filter-events .section.first-as-big .item:nth-child(odd) {
        margin-right: 0 !important
    }

    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 2vw !important;
        margin-left: 0 !important
    }

@media screen and (max-width:950px) {
    html.ltr .filter-events .section.first-as-big .item:nth-child(2n) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item {
    margin-right: 2vw;
    margin-left: 0
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(odd) {
    margin-right: 2vw !important;
    margin-left: 0 !important
}

@media screen and (max-width:950px) {
    html.ltr .filter-events .section .item:nth-child(odd) {
        margin-right: 0 !important
    }
}

html.ltr .filter-events .section .item:nth-child(2n) {
    margin-right: 0 !important
}

html.ltr .filter-events .main-container .item .wrap .filter-name {
    left: 15px;
    right: auto
}

html.ltr .filter-events .main-container .content .btn {
    right: auto;
    left: 0
}

.filter2-evnts .section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important;
        box-shadow: 0 0 10px 0 hsla(0,2%,44%,.17);
        transition: all .5s;
        display: block !important
    }

@media screen and (max-width:950px) {
    .filter2-evnts .section .item {
        width: 100%;
        margin-left: 0 !important
    }
}

.filter2-evnts .section .item:nth-child(odd) {
    margin-left: 0 !important
}

.filter2-evnts .section .item:first-child {
    width: 100%;
    margin-left: 0 !important
}

    .filter2-evnts .section .item:first-child .wrap {
        height: 21vw;
        overflow: hidden
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .wrap {
        height: auto
    }
}

.filter2-evnts .section .item:first-child .content {
    padding: 2vw
}

    .filter2-evnts .section .item:first-child .content h2 {
        font-size: 2.36em;
        margin: 0 0 11px
    }

    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.45em;
        color: #616161;
        line-height: 1.1;
        margin: 0 0 17px
    }

@media screen and (max-width:1000px) {
    .filter2-evnts .section .item:first-child .content .text p {
        font-size: 1.2em
    }
}

.filter2-evnts .section .item:first-child .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 21px;
    font-size: 1.3em
}

.filter2-evnts .section .item:hover .btn, .filter2-evnts .section .itemfocus .btn {
    visibility: visible;
    height: auto;
    opacity: 1
}

.filter2-evnts .main-container .item {
    padding: 0;
    margin: 0 0 3vw;
    border-bottom: 9px solid #0f7c79
}

    .filter2-evnts .main-container .item .wrap {
        min-height: 320px;
        height: 100%
    }

        .filter2-evnts .main-container .item .wrap .filter-name {
            display: none;
            font-size: 1em;
            background: silver;
            color: #fff;
            padding: 0 10px;
            line-height: 34px;
            border-radius: 3px;
            position: absolute;
            bottom: 9px;
            right: 15px
        }

    .filter2-evnts .main-container .item.active .filter-name {
        background: #1a416a
    }

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .flex {
        flex-direction: column
    }
}

.filter2-evnts .main-container .flex-item {
    width: 100%
}

.filter2-evnts .main-container .image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image {
        background: transparent !important
    }
}

.filter2-evnts .main-container .image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .image img {
        display: block;
        z-index: 1
    }
}

.filter2-evnts .main-container .content {
    padding: 1vw;
    position: relative
}

@media screen and (max-width:950px) {
    .filter2-evnts .main-container .content {
        padding: 4vw
    }
}

@media screen and (max-width:620px) {
    .filter2-evnts .main-container .content {
        padding: 6vw
    }
}

.filter2-evnts .main-container .content h3 {
    font-size: 1.06em;
    margin: 13px 0 0;
    line-height: 1.1
}

.filter2-evnts .main-container .content .inner {
    padding: 0
}

.filter2-evnts .main-container .content .desc p {
    color: #9b9b9b;
    font-weight: 500;
    letter-spacing: 0;
    margin: 11px 0 0;
    font-size: .94em
}

.filter2-evnts .main-container .content .btn {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.filter2-evnts .main-container .loader {
    text-align: center;
    display: block
}

.about-content h2 {
    color: #212121;
    font-size: 3em;
    margin: 0
}

.about-content h3 {
    color: #616161;
    line-height: 1;
    margin: 0 0 18px;
    font-weight: 500;
    font-size: 1.75em
}

.about-content h4 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 33px;
    font-size: 1.3em
}

.about-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px
}

.about-content .two-column {
    column-count: 2;
    column-gap: 90px
}

@media screen and (max-width:600px) {
    .about-content .two-column {
        column-count: 1
    }
}

.about-content .two-column p {
    margin: 0 0 11px;
    font-size: 1.3em
}

.newsletter .container {
    border: 1px solid hsla(0,0%,59%,.1);
    background-color: #eee;
    padding: 3vw 4vw
}

@media screen and (max-width:860px) {
    .newsletter .container {
        padding: 5vw;
        flex-direction: column;
        width: 100%
    }
}

.newsletter .container .section-right {
    width: 31%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right {
        width: 100%;
        text-align: center;
        margin: 0 0 18px
    }
}

.newsletter .container .section-right h2 {
    color: #000;
    font-size: 2em;
    margin: 0 0 13px
}

@media screen and (max-width:860px) {
    .newsletter .container .section-right h2 {
        margin: 0 0 5px
    }
}

.newsletter .container .section-right h3 {
    color: #38ad8c;
    font-weight: 400;
    font-size: 1.63em
}

.newsletter .container .section-left {
    width: 69%
}

@media screen and (max-width:860px) {
    .newsletter .container .section-left {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left form {
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .newsletter .container .section-left .right {
        width: 100%
    }
}

.newsletter .container .section-left .right span {
    margin: 0 0 1.3vw
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span {
        flex-direction: column
    }
}

.newsletter .container .section-left .right span input {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
    background-color: #fff;
    width: 47%;
    border: 0;
    line-height: 40px;
    padding: 0 12px;
    font-size: 1.05em;
    margin: 0 0 0 20px
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .right span input {
        width: 100%;
        margin: 0 0 24px
    }
}

.newsletter .container .section-left .right label {
    color: #616161;
    font-size: 15px;
    position: relative;
    padding: 0 27px 0 0;
    margin: 0 0 0 22px
}

    .newsletter .container .section-left .right label:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border: 1px solid #d5c8c8;
        position: absolute;
        right: 0;
        top: 0
    }

.newsletter .container .section-left .right .checkbox input {
    display: none
}

    .newsletter .container .section-left .right .checkbox input[type=checkbox]:checked + label:after {
        background: url(/modiinwebsite/img/checked2.svg) no-repeat 50%
    }

@media screen and (max-width:700px) {
    .newsletter .container .section-left .left {
        width: 100%
    }
}

.newsletter .container .section-left .left button[type=submit] {
    background: #052b51;
    border: 0;
    color: #fff;
    font-size: 1.05em;
    line-height: 40px;
    padding: 0;
    width: 120px;
    display: block
}

@media screen and (max-width:480px) {
    .newsletter .container .section-left .left button[type=submit] {
        width: 100%
    }
}

html.ltr .newsletter .container .section-left .right span input {
    margin: 0 20px 0 0
}

@media screen and (max-width:480px) {
    html.ltr .newsletter .container .section-left .right span input {
        margin: 0 0 20px
    }
}

html.ltr .newsletter .container .section-left .right label {
    padding: 0 0 0 27px;
    margin: 0 22px 0 0
}

    html.ltr .newsletter .container .section-left .right label:after {
        right: auto;
        left: 0
    }

.nagish {
    width: 77px;
    height: 77px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    z-index: 999999
}

    .nagish button {
        background: transparent;
        border: 0
    }

html.ltr .nagish {
    right: 1vw;
    left: auto
}

.logo {
    padding: 0 18px 0 0
}

    .logo a {
        display: block
    }

.bottom-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    height: 83px;
    background-color: #fff;
    z-index: 12
}

    .bottom-header .main-menu {
        display: flex;
        padding: 0 2vw
    }

        .bottom-header .main-menu ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            transition: none
        }

            .bottom-header .main-menu ul:focus *, .bottom-header .main-menu ul:hover * {
                transition: all .5s
            }

            .bottom-header .main-menu ul ul {
                flex-direction: column
            }

            .bottom-header .main-menu ul li {
                margin: auto
            }

                .bottom-header .main-menu ul li a {
                    padding: 0 1vw;
                    display: block;
                    position: relative
                }

@media screen and (max-width:1640px) {
    .bottom-header .main-menu ul li a {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1164px) {
    .bottom-header .main-menu ul li a {
        padding: 0 .9vw
    }
}

.bottom-header .main-menu ul li li {
    width: 100%
}

    .bottom-header .main-menu ul li li a {
        padding: 0 1.8vw;
        font-size: 1em
    }

        .bottom-header .main-menu ul li li a:active, .bottom-header .main-menu ul li li a:focus, .bottom-header .main-menu ul li li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu ul li.active a:after, .bottom-header .main-menu ul li:active a:after, .bottom-header .main-menu ul li:focus a:after, .bottom-header .main-menu ul li:hover a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #38ad8c;
    width: 100%;
    bottom: -4px;
    right: -4px
}

.bottom-header .main-menu ul li.active .sub-menu a:after, .bottom-header .main-menu ul li:active .sub-menu a:after, .bottom-header .main-menu ul li:focus .sub-menu a:after, .bottom-header .main-menu ul li:hover .sub-menu a:after {
    display: none
}

.bottom-header .main-menu a {
    color: #212121;
    font-size: 1.44em
}

    .bottom-header .main-menu a:active, .bottom-header .main-menu a:focus, .bottom-header .main-menu a:hover {
        color: #38ad8c
    }

.bottom-header .main-menu .main-has_children {
    position: relative
}

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu {
        z-index: 999999999
    }

    .bottom-header .main-menu .main-has_children.has_children.open .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:focus .sub-menu-first, .bottom-header .main-menu .main-has_children.has_children:hover .sub-menu-first {
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible
    }

    .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100%
    }

        .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children.open .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:focus .sub-menu-second .has_children:hover .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children.open .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:focus .sub-menu-third, .bottom-header .main-menu .main-has_children.has_children .has_children:hover .sub-menu-second .has_children:hover .sub-menu-third {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

@media screen and (max-width:1300px) {
    .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        right: auto;
        left: 0
    }
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-second {
    left: 235px !important;
    right: auto !important
}

.bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-third {
    right: auto;
    left: 0 !important
}

.bottom-header .main-menu .sub-menu {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 53px;
    right: 0;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.13);
    width: 235px;
    padding: 0 0 1.8vw;
    visibility: hidden;
    z-index: -1;
    min-height: 300px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu {
        width: 20.5vw
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu {
        min-height: 0
    }
}

.bottom-header .main-menu .sub-menu.sub-menu-first {
    background: #fff
}

    .bottom-header .main-menu .sub-menu.sub-menu-first li.active, .bottom-header .main-menu .sub-menu.sub-menu-first li:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li:hover {
        background: #ebebeb
    }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active a {
            position: relative;
            display: block;
            color: #38ad8c;
            font-weight: 700
        }

            .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:active, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:focus, .bottom-header .main-menu .sub-menu.sub-menu-first li.active a:hover {
                color: #38ad8c;
                font-weight: 700
            }

        .bottom-header .main-menu .sub-menu.sub-menu-first li.active li a {
            color: #7c7c7c;
            font-weight: 400
        }

    .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
        right: auto;
        z-index: 999999999999;
        transform: translateY(-50%);
        background-size: 150%
    }

.bottom-header .main-menu .sub-menu .sub-menu-second {
    right: 235px;
    height: 100%;
    background: #d7d7d7;
    top: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    pointer-events: none;
    padding-top: 86px;
    overflow-y: hidden
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 20.5vw
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li a {
    color: #7c7c7c
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li a:after {
        display: none !important
    }

.bottom-header .main-menu .sub-menu .sub-menu-second li.active, .bottom-header .main-menu .sub-menu .sub-menu-second li:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li:hover {
    background: #f1f1f1
}

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active a {
        position: relative;
        display: block;
        color: #38ad8c !important;
        font-weight: 700
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active a:hover {
            color: #38ad8c;
            font-weight: 700
        }

    .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a {
        color: #7c7c7c !important;
        font-weight: 400
    }

        .bottom-header .main-menu .sub-menu .sub-menu-second li.active li.active a, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:active, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:focus, .bottom-header .main-menu .sub-menu .sub-menu-second li.active li a:hover {
            color: #38ad8c !important;
            font-weight: 700
        }

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/modiinwebsite/img/menu-arrow.svg) no-repeat 50%;
    right: auto;
    z-index: 999999999999;
    transform: translateY(-50%);
    background-size: 150%
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
    transform: rotate(-90deg);
    top: 0
}

@media screen and (max-width:767px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus a:before, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover a:before {
        width: 43px !important
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
    height: auto;
    max-height: 138px;
    padding: 0
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third {
        height: auto;
        max-height: unset
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
    padding: 11px 13px 11px 0
}

.bottom-header .main-menu .sub-menu .sub-menu-third {
    right: 0;
    height: 0;
    top: 0;
    box-shadow: unset;
    pointer-events: none;
    position: relative;
    background: #e7e5e5;
    overflow-x: auto;
    direction: rtl;
    padding: 0;
    min-height: 1px
}

@media screen and (max-width:1222px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: 0
    }
}

@media screen and (max-width:1051px) {
    .bottom-header .main-menu .sub-menu .sub-menu-third {
        background: #fff
    }
}

.bottom-header .main-menu .sub-menu .sub-menu-third li {
    margin: 0 0 1px
}

    .bottom-header .main-menu .sub-menu .sub-menu-third li.active a {
        color: #38ad8c
    }

    .bottom-header .main-menu .sub-menu .sub-menu-third li a {
        color: #7c7c7c !important
    }

        .bottom-header .main-menu .sub-menu .sub-menu-third li a:after, .bottom-header .main-menu .sub-menu .sub-menu-third li a:before {
            display: none !important
        }

.bottom-header .main-menu .sub-menu .sub-menu-third a:active, .bottom-header .main-menu .sub-menu .sub-menu-third a:focus, .bottom-header .main-menu .sub-menu .sub-menu-third a:hover {
    color: #38ad8c !important;
    font-weight: 700
}

.bottom-header .main-menu .sub-menu span {
    padding: 1vw 1.8vw;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    display: block
}

    .bottom-header .main-menu .sub-menu span a {
        display: block;
        font-size: inherit;
        padding: 0
    }

.bottom-header .main-menu .sub-menu li a:focus:after, .bottom-header .main-menu .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: 0
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar {
    width: 4px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 10px
}

.bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb {
    background: #969696;
    border-radius: 10px
}

    .bottom-header .main-menu .sub-menu ::-webkit-scrollbar-thumb:hover {
        background: #969696
    }

.bottom-header .main-menu > ul > li.main-has_children > a:before {
    content: "";
    background: transparent;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: -24px;
    right: -4px
}

html.ltr .bottom-header .main-menu ul li.active a:after, html.ltr .bottom-header .main-menu ul li:active a:after, html.ltr .bottom-header .main-menu ul li:focus a:after, html.ltr .bottom-header .main-menu ul li:hover a:after {
    right: auto;
    left: -4px
}

@media screen and (max-width:1300px) {
    html.ltr .bottom-header .main-menu .main-has_children.menu-flip-right .sub-menu-first {
        left: auto;
        right: 0
    }
}

html.ltr .bottom-header .main-menu .sub-menu {
    left: 0;
    right: auto
}

    html.ltr .bottom-header .main-menu .sub-menu.sub-menu-first li.has_children a:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
        top: -4px
    }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second {
        right: 235px;
        left: auto
    }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children a:before {
            left: auto;
            right: 0;
            transform: rotate(180deg);
            top: -4px
        }

        html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children.open .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:focus .sub-menu-third ul, html.ltr .bottom-header .main-menu .sub-menu .sub-menu-second li.has_children:hover .sub-menu-third ul {
            padding: 11px 0 11px 13px
        }

    html.ltr .bottom-header .main-menu .sub-menu .sub-menu-third {
        right: auto;
        left: 0;
        direction: ltr
    }

    html.ltr .bottom-header .main-menu .sub-menu li a:focus:after, html.ltr .bottom-header .main-menu .sub-menu li a:hover:after {
        right: 0;
        left: auto
    }

html.ltr .bottom-header .main-menu > ul > li.main-has_children > a:before {
    left: -4px;
    right: auto
}

.top-header {
    background-color: #1a416a;
    color: #fff;
    flex-direction: row;
    padding: 10px 10vw 10px 2vw;
    position: relative;
    z-index: 12
}

    .top-header, .top-header ul {
        display: flex
    }

        .top-header ul li a {
            color: #fff;
            display: block;
            padding: 0 22px;
            font-size: .94em
        }

        .top-header .leftNav {
            display: flex
        }

        .top-header .rightNav {
            margin-left: auto
        }

        .top-header .users a {
            padding: 0 8px;
            position: relative
        }

            .top-header .users a:after {
                content: "";
                width: 1px;
                height: 50%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

        .top-header .users li:last-of-type a:after {
            display: none
        }

html.ltr .top-header {
    padding: 10px 2vw 10px 10vw
}

    html.ltr .top-header .rightNav {
        margin-right: auto;
        margin-left: 0
    }

    html.ltr .top-header .users a:after {
        right: 0;
        left: auto
    }

.back-up {
    background: #1a416a;
    width: 50px;
    height: 48px;
    position: fixed;
    bottom: 47px;
    right: 8px;
    display: none;
    border-radius: 50%;
    z-index: 99999999999;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .back-up {
        bottom: 92px
    }
}

.back-up img {
    height: auto;
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.job-holders {
    margin: 0 0 2vw
}

    .job-holders .section {
        border: 1px solid hsla(0,0%,59%,.17);
        background-color: #fbfbfb;
        margin-bottom: 50px
    }

    .job-holders .top-section {
        padding: 1vw 0
    }

@media screen and (max-width:767px) {
    .job-holders .top-section {
        flex-direction: column;
        width: 89%;
        margin: 0 auto
    }
}

.job-holders .top-section h2 {
    color: #0f7c79;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: -.27px;
    margin: 0 0 12px
}

    .job-holders .top-section h2 span {
        color: #212121;
        position: relative;
        padding: 0 9px 0 0;
        margin: 0 9px 0 0
    }

        .job-holders .top-section h2 span:before {
            content: "";
            width: 1px;
            height: 16px;
            background: #000;
            opacity: .4;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

.job-holders .top-section .item {
    width: 100%;
    text-align: center
}

    .job-holders .top-section .item.first {
        width: 28%;
        padding: 0 40px 0 20px;
        align-self: flex-start;
        text-align: right
    }

@media screen and (max-width:767px) {
    .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .top-section .item.first {
        width: 100%;
        padding: 0
    }
}

.job-holders .top-section .item.first .image {
    margin: 8px 0 1vw
}

.job-holders .top-section .item.second {
    text-align: right;
    padding: 1.5vw 0 0 1.5vw;
    align-self: flex-start;
    width: 90%;
    margin: 0 5vw 0 0
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.second {
        text-align: center;
        padding: 5vw 0
    }
}

.job-holders .top-section .item.third {
    width: 22%;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third {
        width: 100%
    }
}

.job-holders .top-section .item.third ul li {
    margin: 0 0 1.5vw
}

@media screen and (max-width:767px) {
    .job-holders .top-section .item.third ul li {
        margin: 0 0 2.5vw
    }
}

.job-holders .top-section .item.third ul li span {
    display: block;
    line-height: 1.1
}

    .job-holders .top-section .item.third ul li span.title {
        color: #616161;
        font-weight: 400;
        font-size: 19px;
        margin: 0 0 5px;
        line-height: 1.32;
        letter-spacing: -.25px
    }

    .job-holders .top-section .item.third ul li span.text {
        font-weight: 700;
        color: #212121
    }

        .job-holders .top-section .item.third ul li span.text a {
            color: #38ad8c;
            text-decoration: underline
        }

.job-holders .bottom-section {
    background: #fff;
    display: flex;
    padding: 1vw 20.5vw 1vw 1vw
}

@media screen and (max-width:950px) {
    .job-holders .bottom-section {
        padding: 2vw
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section {
        flex-direction: column;
        align-items: center
    }
}

.job-holders .bottom-section li a {
    text-decoration: none;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    display: block
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul {
        flex-direction: column
    }
}

.job-holders .bottom-section .buttons-right ul li {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 6px 16px;
    margin-left: 20px
}

@media screen and (max-width:370px) {
    .job-holders .bottom-section .buttons-right ul li {
        margin: 0 0 2vw;
        width: 100%
    }
}

.job-holders .bottom-section .buttons-right ul li img {
    margin: 0 10px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-right {
        margin-bottom: 3vw
    }
}

.job-holders .bottom-section .buttons-left {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left {
        margin: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li {
        width: 100%;
        text-align: center
    }
}

.job-holders .bottom-section .buttons-left ul li:first-of-type a {
    text-decoration: underline;
    padding: 0 33px
}

@media screen and (max-width:767px) {
    .job-holders .bottom-section .buttons-left ul li:first-of-type a {
        margin-bottom: 1vw
    }
}

.job-holders .inner-container {
    max-width: 100%
}

.job-holders .flex {
    align-items: center
}

.job-holders .btn {
    width: 170px;
    padding: 10px 20px
}

@media screen and (max-width:767px) {
    .job-holders .btn {
        margin: 0 auto;
        display: block
    }
}

.job-holders p {
    margin: 0 0 1px
}

    .job-holders p strong {
        color: #212121;
        font-weight: 400
    }

html.ltr .job-holders .top-section h2 span {
    padding: 0 0 0 9px;
    margin: 0 0 0 9px;
    display: inline-block
}

    html.ltr .job-holders .top-section h2 span:before {
        left: 0;
        right: auto
    }

html.ltr .job-holders .top-section p strong {
    display: inline-block
}

html.ltr .job-holders .top-section .item.first {
    width: 28%;
    padding: 0 20px 0 40px;
    text-align: left
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.first {
        width: 100%;
        text-align: center
    }
}

html.ltr .job-holders .top-section .item.second {
    text-align: left;
    padding: 1.5vw 1.5vw 0 0;
    align-self: flex-start;
    width: 90%;
    margin: 0 0 0 5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .top-section .item.second {
        text-align: center
    }
}

html.ltr .job-holders .bottom-section {
    padding: 1vw 1vw 1vw 20.5vw
}

@media screen and (max-width:767px) {
    html.ltr .job-holders .bottom-section {
        padding: 2vw 0
    }
}

html.ltr .job-holders .bottom-section .buttons-right ul li {
    margin-left: 0;
    margin-right: 20px
}

html.ltr .job-holders .bottom-section .buttons-left {
    margin-right: 0;
    margin-left: auto
}

.search {
    margin-right: auto;
    border-right: 1px solid #e1e1e1
}

@media screen and (max-width:1051px) {
    .search {
        border-right: 0;
        border-left: 1px solid #e1e1e1
    }
}

@media screen and (max-width:767px) {
    .search {
        display: block
    }
}

.search .search-toggle {
    height: 100%;
    cursor: pointer;
    background: transparent;
    padding: .5vw 2vw;
    border: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

html.ltr .search {
    margin-left: auto;
    margin-right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: none
}

@media screen and (max-width:1051px) {
    html.ltr .search {
        border-right: 1px solid #e1e1e1;
        border-left: 0
    }
}

.search-box {
    position: absolute;
    z-index: -1;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #1a416c;
    color: #fff;
    transition: 1s ease-in-out;
    padding: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .search-box {
        opacity: 0;
        visibility: hidden;
        transition-delay: unset
    }
}

.search-box.open {
    visibility: visible;
    top: 124px;
    padding: 6.5vw 0;
    z-index: 9999999
}

@media screen and (max-width:1051px) {
    .search-box.open {
        top: 85px;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:500px) {
    .search-box.open {
        padding: 11.5vw 0
    }
}

.search-box .search-form {
    max-width: 890px;
    margin: 0 auto;
    width: auto
}

@media screen and (max-width:767px) {
    .search-box .search-form {
        max-width: 70%
    }
}

.search-box .search-form input {
    color: #fff;
    outline: 0
}

.search-box .search-form label {
    color: #fff;
    font-size: 17px;
    position: relative;
    padding: 0 15px 0 0
}

    .search-box .search-form label:before {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.search-box .search-form input[type=checkbox]:checked + label:before {
    background: #fff
}

.search-box .search-form .form-filter {
    display: flex
}

    .search-box .search-form .form-filter input {
        display: none
    }

    .search-box .search-form .form-filter p {
        margin: 0 0 0 30px
    }

.search-box .search-form form {
    position: relative
}

    .search-box .search-form form p {
        display: flex;
        padding: 6px 25px;
        border: 2px solid hsla(0,0%,100%,.66);
        margin: 15px 0 0
    }

    .search-box .search-form form .auto-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #b1c1cf;
        padding: 0
    }

        .search-box .search-form form .auto-container a {
            display: block;
            line-height: 1.1;
            color: #000;
            padding: 10px
        }

            .search-box .search-form form .auto-container a:hover {
                background-color: #e9e9e9
            }

            .search-box .search-form form .auto-container a + a {
                border-top: 1px solid rgba(0,0,0,.3)
            }

    .search-box .search-form form input {
        background: transparent;
        height: 100%;
        border: 0;
        font-size: 25px;
        padding: 8px;
        display: block;
        width: 100%
    }

    .search-box .search-form form button {
        background: transparent;
        border: 0;
        padding: 0 12px;
        cursor: pointer
    }

.search-box .close {
    position: absolute;
    left: 39px;
    top: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.search-box img {
    width: auto
}

html.ltr .search-box .search-form label {
    padding: 0 0 0 15px
}

    html.ltr .search-box .search-form label:before {
        right: auto;
        left: 0
    }

html.ltr .search-box .search-form .form-filter p {
    margin: 0 30px 0 0
}

html.ltr .search-box .close {
    right: 39px;
    left: auto
}

.pop-up {
    z-index: 99999999;
    display: none
}

    .pop-up, .pop-up .overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

        .pop-up .overlay {
            background: rgba(0,0,0,.3)
        }

        .pop-up .popup-content {
            max-width: 585px;
            width: 90%;
            border: 1px solid hsla(0,0%,59%,.17);
            background-color: #fbfbfb;
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            transform: translateY(-50%)
        }

            .pop-up .popup-content .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer
            }

            .pop-up .popup-content .inner {
                max-width: 503px;
                width: 90%;
                margin: 0 auto;
                padding: 55px 0
            }

            .pop-up .popup-content h2 {
                font-size: 21px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.19;
                letter-spacing: -.27px;
                text-align: center;
                color: #212121;
                margin: 0 0 20px
            }

@media screen and (max-width:767px) {
    .pop-up .popup-content h2 {
        font-size: 19px;
        margin: 0 0 18px
    }
}

.pop-up .popup-content .text {
    margin: 0 0 65px
}

    .pop-up .popup-content .text p {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: -.22px;
        text-align: center;
        color: #616161
    }

.pop-up .popup-content .buttons {
    justify-content: center
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons {
        flex-direction: column;
        text-align: center
    }
}

.pop-up .popup-content .buttons.big-button button {
    max-width: 279px
}

.pop-up .popup-content .buttons button {
    border: 0;
    float: none;
    margin: 0 0 0 20px;
    padding: 12px 3vw;
    background-color: #d4d4d4;
    max-width: 170px;
    width: 100%;
    letter-spacing: -.25px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button {
        max-width: 80% !important;
        width: 80%;
        margin: 0 auto 20px
    }
}

.pop-up .popup-content .buttons button.approve {
    background-color: #f9b81f
}

@media screen and (max-width:360px) {
    .pop-up .popup-content .buttons button.approve {
        margin: 0 auto
    }
}

.pop-up .popup-content .buttons button.approve:hover {
    background-color: #f9b81f
}

.pop-up .popup-content .buttons button:hover {
    box-shadow: 0 5px 14px 0 rgba(13,19,33,.38);
    background-color: #d4d4d4
}

.popup-open {
    text-decoration: underline;
    color: #38ad8c
}

html.ltr .pop-up, html.ltr .pop-up .overlay {
    right: auto;
    left: 0
}

    html.ltr .pop-up .popup-content .close {
        left: 10px;
        right: auto
    }

    html.ltr .pop-up .popup-content .buttons button {
        margin: 0 20px 0 0
    }

.loader {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

html[dir=ltr] .loader {
    right: auto;
    left: 0
}

.share-icons {
    margin: 0 0 0 2vw
}

    .share-icons li {
        margin: 0 6px
    }

html.ltr .share-icons {
    margin: 0 2vw 0 0
}