/*
Theme Name: ORT
Author: Ron Kantor
Author URI: https://github.com/ronka/jetWP
Description: ORT
Version: 1.2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jetwp
*/

@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-regular.eot');
    src:
        url('assets/fonts/opensanshebrew-regular.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-regular.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-regular.woff') format('woff'),
        url('assets/fonts/opensanshebrew-regular.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-regular.svg#open_sans_hebrewregular')
            format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-italic.eot');
    src:
        url('assets/fonts/opensanshebrew-italic.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-italic.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-italic.woff') format('woff'),
        url('assets/fonts/opensanshebrew-italic.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-italic.svg#open_sans_hebrewitalic')
            format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-bold.eot');
    src:
        url('assets/fonts/opensanshebrew-bold.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-bold.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-bold.woff') format('woff'),
        url('assets/fonts/opensanshebrew-bold.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-bold.svg#open_sans_hebrewbold')
            format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-bolditalic.eot');
    src:
        url('assets/fonts/opensanshebrew-bolditalic.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-bolditalic.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-bolditalic.woff') format('woff'),
        url('assets/fonts/opensanshebrew-bolditalic.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-bolditalic.svg#open_sans_hebrewbold_italic')
            format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-extrabold.eot');
    src:
        url('assets/fonts/opensanshebrew-extrabold.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-extrabold.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-extrabold.woff') format('woff'),
        url('assets/fonts/opensanshebrew-extrabold.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-extrabold.svg#open_sans_hebrewextra_bold')
            format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-extrabolditalic.eot');
    src:
        url('assets/fonts/opensanshebrew-extrabolditalic.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-extrabolditalic.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-extrabolditalic.woff') format('woff'),
        url('assets/fonts/opensanshebrew-extrabolditalic.ttf')
            format('truetype'),
        url('assets/fonts/opensanshebrew-extrabolditalic.svg#open_sans_hebrewXBdIt')
            format('svg');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-light.eot');
    src:
        url('assets/fonts/opensanshebrew-light.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-light.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-light.woff') format('woff'),
        url('assets/fonts/opensanshebrew-light.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-light.svg#open_sans_hebrewlight')
            format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('assets/fonts/opensanshebrew-lightitalic.eot');
    src:
        url('assets/fonts/opensanshebrew-lightitalic.eot?#iefix')
            format('embedded-opentype'),
        url('assets/fonts/opensanshebrew-lightitalic.woff2') format('woff2'),
        url('assets/fonts/opensanshebrew-lightitalic.woff') format('woff'),
        url('assets/fonts/opensanshebrew-lightitalic.ttf') format('truetype'),
        url('assets/fonts/opensanshebrew-lightitalic.svg#open_sans_hebrewlight_italic')
            format('svg');
    font-weight: 200;
    font-style: italic;
}

html,
* {
    border: 0;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    font-family: 'OpenSansHebrew', serif;
}

a[href^='tel:'] {
    display: none !important;
}

.jf-form select[disabled],
.jf-form input[disabled],
.jf-form textarea[disabled] {
    opacity: 0.8;
    cursor: not-allowed;
}

.jf-recaptcha-text {
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.jf-recaptcha-text a {
    display: inline !important;
    background: none !important;
    font-size: inherit !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: underline !important;
}

.grow {
    display: none;
}

.panel {
    display: table;
    width: 100%;
    height: 100vh;
    border: 0;
    margin-bottom: 0;
}
.panel > div.panel-child,
.panel > header,
.panel > footer {
    display: table-row;
    height: 0;
}
.panel > div.fill {
    height: auto;
}

/* Header section start */
header {
    background-color: transparent;
    height: auto;
    display: table;
    width: 100%;
}

header div.main-logo {
    width: 25%;
    background: transparent var(--ort-logo) no-repeat left top;
    background-size: contain;
    height: 5.1vw;
    margin: 1vw 0vw;
    display: block;
}

header div.main-logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* Main Content start */
div.content {
    min-height: 100%;
    background-size: contain;
    color: #fff;
    direction: rtl;
}

div.left-content {
    width: 52vw;
    height: 58vh;
}

div.figure {
    width: 100%;
    height: calc(100% - 5.1vw);
}

div.content div.main-logo {
    width: 100%;
    background: transparent var(--ort-logo) no-repeat left top;
    background-size: contain;
    height: 5.1vw;
    margin: 0vw;
    display: none;
}

div.page-content {
    max-width: 35vw;
    margin-right: 1vw;
}

div.content div.page-title {
    background-color: #000;
    padding: 0.2vw 0.5vw;
    margin-bottom: 1vw;
    border: 8px solid #fff;
}

div.content div.page-title h1 {
    font-size: 4vw;
    line-height: 4vw;
    font-weight: 700;
    margin: 1vw 0.5vw;
    text-align: center;
}

div.content div.page-content-part {
    background-color: #000;
    padding: 0vw 1vw;
    margin-bottom: 1vw;
    border: 8px solid transparent;
}

div.content div.page-content-fill {
    display: none;
}

div.content div.page-content-part h3 {
    font-size: 1.6vw;
    line-height: 1.8vw;
    font-weight: 700;
}

div.content div.page-content-part p {
    font-size: 1.1vw;
    line-height: 1.4vw;
    margin: 1vw 0vw;
}

div.content div.page-content-part ul,
div.content div.page-content-part li,
div.content div.page-content-part div {
    font-size: 1.1vw;
    line-height: 1.2vw;
}

div.content div.page-content-part ul {
    list-style-position: inside;
}

div.content div.page-content-part li {
    list-style: none;
}

div.content div.page-content-part li:before {
    content: '';
    display: inline-block;
    height: 11px;
    width: 11px;
    background-image: url(assets/images/li-circle-red.png);
    margin-left: 0.3vw;
}

div.content div.page-content-part p + ul {
    margin-top: -1vw;
}

div.content a {
    width: 100%;
    display: block;
    background-color: #004685;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 0.5vw;
    font-size: 1vw;
    margin-bottom: 1vw;
}
/* Main Content end */

/* Page form start */
div.page-form {
    max-width: 22vw;
    margin-top: 3vw;
    position: fixed;
    left: 1vw;
    top: 100px;
}
/* Page form end */

/* Footer start */
footer {
    background-color: #ffffff;
}

footer a,
footer a:hover,
footer a:active,
footer a:visited {
    text-decoration: none;
    color: #090909;
    display: block;
    transition: 0.3s background-color;
}

footer a:hover {
    text-decoration: underline;
}

footer div.links-section1 {
    width: 20%;
}

footer div.links-section2 {
    width: 40%;
}

footer div.links-section3 {
    width: 40%;
}

footer div.links-section2 ul,
footer div.links-section3 ul {
    width: 44%;
}

footer div.links-section-title {
    color: #00aded;
    font-size: 1.2vw;
}

footer div.links-container {
    width: 100%;
    max-width: 1200px;
    font-size: 0.9vw;
    margin: 1vw auto;
}

footer div.links-section-links {
    padding-right: 5px;
    padding-top: 5px;
}

footer div.links-section-links ul {
    list-style-type: none;
    margin-bottom: 10px;
    padding-right: 10px;
}

footer div.links-section-links ul.blue-border {
    border-right: 2px solid #00adef;
}

footer div.links-section-links ul.pulled-list {
    margin-right: 20px;
}
/* Footer end */

/* Hoverlead start */
.jf-form.jf-bottom {
    display: none !important;
}

.jf-form.jf-inline > .jf-content {
    padding-bottom: 1vw;
}

.jf-form.jf-inline > .jf-content > h1 {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0.941667vw;
    padding-bottom: 0.041667vw !important;
    font-size: 1.502083vw !important;
    line-height: 1.902083vw !important;
    font-weight: 700;
}

.jf-form.jf-inline .jf-input-wrapper {
    width: calc(100% - 2vw) !important;
    margin: 0.320833vw 1vw !important;
}

.jf-form.jf-inline .jf-input-wrapper > input:not([type='submit']),
.jf-form.jf-inline .jf-input-wrapper > select,
.jf-form.jf-inline .jf-input-wrapper > textarea {
    height: 2vw !important;
    width: 19.3vw !important;
    padding: 0vw 0.5vw 0vw 0vw;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .jf-form.jf-inline .jf-input-wrapper > input:not([type='submit']),
    .jf-form.jf-inline .jf-input-wrapper > select,
    .jf-form.jf-inline .jf-input-wrapper > textarea {
        width: 100% !important;
    }
}

@supports (-ms-ime-align: auto) {
    .jf-form.jf-inline .jf-input-wrapper > input:not([type='submit']),
    .jf-form.jf-inline .jf-input-wrapper > select,
    .jf-form.jf-inline .jf-input-wrapper > textarea {
        width: 100% !important;
    }
}

.jf-form.jf-inline .jf-submit {
    padding: 0.1vw 0.5208333333333334vw;
    height: 2.327083vw !important;
    margin-top: 0.2vw;
}
/* Hoverlead end */

/* Navigation start */
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: transparent;
    direction: rtl;
}
nav li a {
    display: block;
    padding: 20px 20px;
    border-left: 2px solid #f4f4f4;
    text-decoration: none;
}

nav li:last-child a {
    border-left: 0px;
}

nav li a:hover,
nav .menu-btn:hover {
    background-color: transparent;
}

nav a,
nav a:hover,
nav a:active,
nav a:visited {
    text-decoration: none;
    color: #fff;
    display: block;
    transition: 0.3s background-color;
    margin: 10px 0px;
}

nav .menu {
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}
nav .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

nav .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background 0.2s ease-out;
    width: 18px;
}

nav .menu-icon .navicon:before,
nav .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
}

nav .menu-icon .navicon:before {
    top: 5px;
}

nav .menu-icon .navicon:after {
    top: -5px;
}

nav .menu-btn {
    display: none;
}

nav .menu-btn:checked ~ .menu {
    max-height: 380px;
}

nav .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

nav .menu-btn:checked ~ .menu-icon .navicon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

nav .menu-btn:checked ~ .menu-icon .navicon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

nav li {
    float: right;
    font-size: 1.1vw;
    line-height: 0vw;
}
nav li a {
    padding: 10px 30px;
}
nav .menu {
    clear: none;
    float: right;
    max-height: none;
}
nav .menu-icon {
    display: none;
}
/* Navigation end */

@media (max-width: 1200px) {
    .panel {
        margin-bottom: 5.6625vw;
    }

    .panel > footer {
        display: table-row;
        height: 0;
    }

    /* Header section start */
    header {
        background-color: transparent;
        height: auto;
        display: table;
        width: 100%;
    }

    header div.main-logo {
        width: 50%;
        background: transparent var(--ort-logo-highlight) no-repeat left top;
        background-size: contain;
        height: 12.1vw;
        margin: 5px 0 5px 10px;
        display: block;
        height: 45px;
    }

    /* Navigation start */
    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: transparent;
        direction: rtl;
    }
    nav li a {
        display: block;
        padding: 20px 20px;
        border-left: 1px solid #f4f4f4;
        text-decoration: none;
    }

    nav li:last-child a {
        border-left: 0px;
    }

    nav li a:hover,
    nav .menu-btn:hover {
        background-color: transparent;
    }

    nav a,
    nav a:hover,
    nav a:active,
    nav a:visited {
        text-decoration: none;
        color: #fff;
        display: block;
        transition: 0.3s background-color;
        margin: 10px 0px;
    }

    nav .menu {
        clear: both;
        max-height: 0;
        transition: max-height 0.2s ease-out;
    }
    nav .menu-icon {
        cursor: pointer;
        display: inline-block;
        float: right;
        padding: 28px 20px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    nav .menu-icon .navicon {
        background: #eee;
        display: block;
        height: 2px;
        position: relative;
        transition: background 0.2s ease-out;
        width: 18px;
    }

    nav .menu-icon .navicon:before,
    nav .menu-icon .navicon:after {
        background: #eee;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all 0.2s ease-out;
        width: 100%;
    }

    nav .menu-icon .navicon:before {
        top: 5px;
    }

    nav .menu-icon .navicon:after {
        top: -5px;
    }

    nav .menu-btn {
        display: none;
    }

    nav .menu-btn:checked ~ .menu {
        max-height: 380px;
    }

    nav .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    nav .menu-btn:checked ~ .menu-icon .navicon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    nav .menu-btn:checked ~ .menu-icon .navicon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }

    nav li {
        float: right;
        font-size: 1.5vw;
        line-height: 0vw;
    }
    nav li a {
        padding: 20px 20px;
    }
    nav .menu {
        clear: none;
        float: right;
        max-height: none;
    }
    nav .menu-icon {
        display: none;
    }
    /* Navigation end */

    /* Main Content start */
    div.content {
        min-height: 100%;
        background-size: 56%;
        color: #fff;
        direction: rtl;
    }

    div.content div.main-logo {
        width: 100%;
        background: transparent var(--ort-logo) no-repeat left top;
        background-size: contain;
        height: 5.1vw;
        margin: 0vw;
        display: block;
    }

    div.page-content {
        max-width: 45vw;
    }

    div.page-form {
        display: none;
    }

    div.content div.page-content-part p {
        font-size: 1.8vw;
        line-height: 2vw;
        margin: 1vw 0vw;
    }

    div.content a {
        width: 100%;
        display: block;
        background-color: #004685;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 0.5vw;
        font-size: 1vw;
    }

    div.content div.page-title {
        background-color: #000;
        padding: 0.2vw 0.5vw;
        margin-bottom: 1vw;
        text-align: center;
    }

    div.content div.page-title h1 {
        font-size: 3.4vw;
        line-height: 3vw;
        font-weight: 700;
        margin: 1vw 0.5vw;
    }

    div.content div.page-content-part {
        background-color: #000;
        padding: 0.9vw 1.6vw;
        max-width: 82%;
        margin-bottom: 1vw;
        float: left;
        width: 82%;
    }

    div.content div.page-content-fill {
        display: none;
    }

    div.content div.page-content-part h3 {
        font-size: 2vw;
        line-height: 2.2vw;
        margin-top: 1vw;
    }

    div.content div.page-content-part ul,
    div.content div.page-content-part li,
    div.content div.page-content-part div {
        font-size: 1.5vw;
        line-height: 2.1vw;
    }

    div.content div.page-content-part ul {
        list-style-position: inside;
    }

    div.content div.page-content-part ul {
        list-style-type: none;
    }

    div.content div.page-content-part li {
        list-style: none;
    }

    div.content div.page-content-part li:before {
        content: '';
        display: inline-block;
        height: 11px;
        width: 11px;
        background-image: url(assets/images/li-circle-red.png);
    }

    div.content a {
        width: 100%;
        display: block;
        background-color: #004685;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 0.5vw;
        font-size: 1.5vw;
    }
    /* Main Content end */

    /* Page form start */
    div.page-form {
        display: none;
    }
    /* Page form end */

    /* Footer start */
    footer {
        background-color: #ffffff;
    }

    footer a,
    footer a:hover,
    footer a:active,
    footer a:visited {
        text-decoration: none;
        color: #090909;
        display: block;
        transition: 0.3s background-color;
    }

    footer a:hover {
        text-decoration: underline;
    }

    footer div.links-section1 {
        width: 20%;
    }

    footer div.links-section2 {
        width: 40%;
    }

    footer div.links-section3 {
        width: 40%;
    }

    footer div.links-section2 ul,
    footer div.links-section3 ul {
        width: 44%;
    }

    footer div.links-section-title {
        color: #00aded;
        font-size: 2.1vw;
    }

    footer div.links-container {
        width: 100%;
        max-width: 1200px;
        font-size: 1.5vw;
        margin: 1vw auto;
    }

    footer div.links-section-links {
        padding-right: 5px;
        padding-top: 5px;
    }

    footer div.links-section-links ul {
        list-style-type: none;
        margin-bottom: 10px;
        padding-right: 10px;
    }

    footer div.links-section-links ul.blue-border {
        border-right: 2px solid #00adef;
    }

    footer div.links-section-links ul.pulled-list {
        margin-right: 20px;
    }
    /* Footer end */

    /* Hoverlead start */

    .jf-responsive.jf-vertical > button > .fa-chevron-left {
        font-size: inherit !important;
    }

    .jf-responsive.jf-vertical > .jf-open-wrapper > button > .fa-chevron-left {
        font-size: 3vw !important;
    }

    .jf-form.jf-bottom {
        display: block !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper {
        width: 100% !important;
    }

    .jf-form.jf-bottom .jf-content {
        padding-top: 1vw;
        padding-bottom: 2vw;
    }

    .jf-responsive.jf-bottom .jf-open,
    .jf-responsive.jf-top .jf-open {
        font-size: 2.5625vw !important;
        line-height: 2.5625vw !important;
    }

    .jf-form.jf-bottom .jf-submit {
        font-size: 1.341667vw !important;
    }

    .jf-responsive.jf-bottom .jf-open,
    .jf-responsive.jf-top .jf-open {
        font-size: 2.8vw !important;
        line-height: 4.5625vw !important;
        font-weight: 700;
        padding: 10px 25px !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        font-size: 1.3375vw !important;
    }

    .jf-form.jf-bottom .jf-submit {
        font-size: 2.341667vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        height: 4.822917vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > select {
        height: 4.822917vw !important;
    }

    .jf-form.jf-bottom .jf-submit {
        height: 4.822917vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        font-size: 2.3375vw !important;
    }

    .jf-form.jf-bottom .jf-error:not(:empty) {
        font-size: 1.729167vw !important;
        line-height: 1.885417vw !important;
    }
    /* Hoverlead end */
}

@media (max-width: 768px) {
    /* position fixed on scroll fix */
    html,
    body {
        height: 100%;
        overflow: auto;
    }

    a[href^='tel:'] {
        display: block !important;
    }

    .grow {
        display: block;
        flex-grow: 1;
    }

    .panel {
        margin-bottom: 0;
    }

    .panel > footer {
        display: table-row;
        height: 0;
        margin-bottom: 20vw;
    }

    /* Header section start */
    header {
        background-color: transparent;
        height: auto;
        display: table;
        width: 100%;
    }

    header div.main-logo {
        width: 25%;
        background: transparent var(--ort-logo) no-repeat left top;
        background-size: contain;
        height: 5.1vw;
        margin: 2vw 0vw;
        display: block;
    }

    /* Navigation start */
    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: transparent;
        direction: rtl;
    }
    nav li a {
        display: block;
        border-left: 0px;
        text-decoration: none;
        line-height: normal;
        padding: 10px 20px 10px 0;
    }

    nav li:last-child a {
        border-left: 0px;
    }

    nav li a:hover,
    nav .menu-btn:hover {
        background-color: transparent;
    }

    nav a,
    nav a:hover,
    nav a:active,
    nav a:visited {
        text-decoration: none;
        color: #fff;
        display: block;
        transition: 0.3s background-color;
        margin: 0px 0px;
    }

    nav .menu {
        clear: both;
        max-height: 0;
        transition: max-height 0.2s ease-out;
    }
    nav .menu-icon {
        cursor: pointer;
        display: inline-block;
        float: right;
        padding: 28px 20px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    nav .menu-icon .navicon {
        background: #eee;
        display: block;
        height: 2px;
        position: relative;
        transition: background 0.2s ease-out;
        width: 18px;
    }

    nav .menu-icon .navicon:before,
    nav .menu-icon .navicon:after {
        background: #eee;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all 0.2s ease-out;
        width: 100%;
    }

    nav .menu-icon .navicon:before {
        top: 5px;
    }

    nav .menu-icon .navicon:after {
        top: -5px;
    }

    nav .menu-btn {
        display: none;
    }

    nav .menu-btn:checked ~ .menu {
        max-height: 100vh;
        /* float: right; */
        /* position: absolute; */
        /* right: 0; */
        /* top: 56px; */
        width: 100%;
    }

    nav .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    nav .menu-btn:checked ~ .menu-icon .navicon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    nav .menu-btn:checked ~ .menu-icon .navicon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }

    nav li {
        float: none;
        font-size: 3.2vw;
        line-height: 1vw;
    }
    nav li a {
        padding: 14px 30px;
    }
    nav .menu {
        clear: both;
        max-height: 0;
        transition: max-height 0.2s ease-out;
    }
    nav .menu-icon {
        display: block;
    }
    /* Navigation end */

    /* Main Content start */
    div.content {
        background: transparent;
        min-height: 100%;
        background-size: contain;
        color: #fff;
        direction: rtl;
    }

    div.content div.main-logo {
        width: 25%;
        background: transparent var(--ort-logo) no-repeat left top;
        background-size: contain;
        height: 5.1vw;
        margin: 0vw;
        display: none;
    }

    div.page-content {
        max-width: 95%;
        margin: 0 auto;
        float: none !important;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    div.page-form {
        display: none;
    }

    div.left-content {
        height: auto;
    }

    div.figure {
        display: none;
    }

    div.content div.page-content-part p {
        font-size: 2.8vw;
        line-height: 3.5vw;
        margin: 1vw 0vw;
    }

    div.content a {
        width: 100%;
        display: block;
        background-color: #004685;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 0.5vw;
        font-size: 1vw;
    }

    div.content div.page-title {
        background-color: #000;
        padding: 0.2vw 0.5vw;
        margin-bottom: 1vw;
    }

    div.content div.page-title h1 {
        font-size: 4.4vw;
        line-height: 7vw;
        font-weight: 700;
        margin: 0.5vw;
    }

    div.content div.page-content-part {
        background-color: #000;
        padding: 3vw 1.6vw 1.5vw 1.6vw;
        max-width: 100%;
        margin-bottom: 1vw;
        margin-right: 0;
        width: 100%;
    }

    div.content div.page-content-fill {
        display: block;
        background-size: contain;
        width: 100%;
        height: 0;
        padding-bottom: 50%;
        margin-bottom: 0;
    }

    div.content div.page-content2 {
        margin-bottom: 2vw;
    }

    div.content div.page-content-part h3 {
        font-size: 3.3vw;
        line-height: 3.9vw;
        margin-bottom: 2vw;
        margin-top: 0vw;
    }

    div.content div.page-content-part ul,
    div.content div.page-content-part li,
    div.content div.page-content-part div {
        font-size: 2.8vw;
        line-height: 3.6vw;
    }

    div.content div.page-content-part ul {
        list-style-position: inside;
    }

    div.content div.page-content-part ul {
        list-style-type: none;
    }

    div.content div.page-content-part li {
        list-style: none;
    }

    div.content div.page-content-part li:before {
        content: '';
        display: inline-block;
        height: 11px;
        width: 11px;
        background-image: url(assets/images/li-circle-red.png);
    }

    div.content a {
        width: 100%;
        display: block;
        background-color: #004685;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 1.2vw;
        font-size: 2.9vw;
        margin-top: 2vw;
    }
    /* Main Content end */

    /* Page form start */
    div.page-form {
        display: none;
    }
    /* Page form end */

    /* Footer start */
    footer {
        background-color: #ffffff;
    }

    footer a,
    footer a:hover,
    footer a:active,
    footer a:visited {
        text-decoration: none;
        color: #090909;
        display: block;
        transition: 0.3s background-color;
    }

    footer a:hover {
        text-decoration: underline;
    }

    footer div.links-section1 {
        width: 98%;
        float: none !important;
        margin-right: 1%;
        margin-bottom: 2vw;
        order: 2;
    }

    footer div.links-section1 li {
        float: right;
        display: inline-block;
        width: 33%;
    }

    footer div.links-section2 {
        width: 49%;
        margin-right: 1%;
        order: 1;
    }

    footer div.links-section3 {
        width: 40%;
    }

    footer div.links-section2 ul,
    footer div.links-section3 ul {
        width: 98%;
    }

    footer div.links-section-title {
        color: #00aded;
        font-size: 3.8vw;
    }

    footer div.links-container {
        width: 100%;
        max-width: 1200px;
        font-size: 3.2vw;
        margin: 1vw auto;
        margin-bottom: 14vw;
        display: flex;
        flex-wrap: wrap;
    }

    footer div.links-section-links {
        padding-right: 5px;
        padding-top: 5px;
    }

    footer div.links-section-links ul {
        list-style-type: none;
        margin-bottom: 0;
        padding-right: 10px;
    }

    footer div.links-section-links ul.blue-border {
        border-right: 2px solid #00adef;
        width: 100%;
    }

    footer div.links-section-links ul.pulled-list {
        margin-right: 0;
        clear: right;
    }
    /* Footer end */

    /* acciabilty */

    #mic-init-access-tool .mic-access-tool-general-button {
        bottom: 50px !important;
    }

    /* Hoverlead start */
    .jf-form.jf-bottom {
        display: block !important;
    }

    .jf-form.jf-bottom .jf-content {
        padding-top: 0vw;
        padding-bottom: 2vw;
    }

    .jf-responsive.jf-bottom > .jf-content > form {
        max-width: 70vw !important;
    }

    .jf-responsive.jf-bottom .jf-open,
    .jf-responsive.jf-top .jf-open {
        font-size: 4.4625vw !important;
        line-height: 11vw !important;
        padding: 0.5208333333333334vw 1.3020833333333335vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        font-size: 1.3375vw !important;
    }

    .jf-form.jf-bottom .jf-submit {
        font-size: 3.341667vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        height: 8.822917vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > select {
        height: 8.822917vw !important;
    }

    .jf-form.jf-bottom .jf-submit {
        height: 8.822917vw !important;
    }

    .jf-form.jf-bottom .jf-input-wrapper > input,
    .jf-form.jf-bottom .jf-input-wrapper > select,
    .jf-form.jf-bottom .jf-input-wrapper > textarea {
        font-size: 3.3vw !important;
        line-height: 3.3vw !important;
    }

    .jf-form.jf-bottom .jf-error:not(:empty) {
        font-size: 2.529167vw !important;
        line-height: 3.485417vw !important;
    }
    a.jf-c2c {
        height: 8.822917vw !important;
        font-size: 3.3vw !important;
        line-height: 8.822917vw !important;
    }
    /* Hoverlead end */
}

.justify-content-start {
    justify-content: flex-start !important;
}

@media (width <= 768px) {
    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .jf-responsive.jf-form .jf-input-wrapper > .magic-checkbox + label:before,
    .jf-responsive.jf-form .jf-input-wrapper > .magic-radio + label:before {
        width: 20px !important;
        height: 20px !important;
    }

    .jf-responsive.jf-form .jf-input-wrapper > .magic-checkbox + label,
    .jf-responsive.jf-form .jf-input-wrapper > .magic-radio + label {
        font-size: 16px !important;
        line-height: normal !important;
        padding-right: 24px !important;
    }

    .jf-responsive .jf-input-wrapper > .magic-checkbox + label:after {
        width: 10px !important;
        height: 20px !important;
        right: 2px !important;
        top: -5px !important;
    }

    .jf-responsive.jf-form.jf-inline .jf-content > .jf-recaptcha-text,
    .jf-responsive.jf-form.jf-popup .jf-content > .jf-recaptcha-text,
    .jf-responsive.jf-form.jf-side .jf-content > .jf-recaptcha-text {
        line-height: normal !important;
        height: auto !important;
        font-size: 12px !important;
    }
}

#hoverlead-form {
    background-color: #003e80;
    border-radius: 20px;
}