﻿

* { font-family: 'Heebo', arial, sans-serif; }

a { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

/* Bootstrap Override * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

figure { margin: 0; }

@media (min-width: 992px) {
    .table-responsive { display: table; }
}

.table { border: 1px solid #ddd; }

legend { font-size: 1rem; }

/* Template * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body { margin: 0; padding: 0; background: #f1f1f1; }

/* Header */

.header { /*position: fixed;*/ top: 0; right: 0; width: 100%; z-index: 90; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; background-image: url(../images/top.png); background-position: top right; background-repeat: no-repeat; background-size: auto 100%; height: 214px; /*padding-bottom: 11.19%;*/ }

@media (max-width: 719px) {
    .header { height: 120px; }
    .header .icons { position: absolute; top: 10px; left: 9px; /* right: 218px; */ background-color: white; width: 129px; }
}

.header.offset { /*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/ }

.header a { color: inherit; }

/* Logo */

.header .logo { /*position: absolute;
    top: 18px;
    right: 30px;
    display: block;
    z-index: 3;*/ position: absolute; top: 9px; right: 101px; display: block; z-index: 3; }

.header .logo img { display: block; height: 150px; }


@media (max-width: 719px) {
    .header .logo img { height: 50px; }
    .header .icons { position: absolute; top: 10px; left: 9px; /* right: 218px; */ background-color: white; width: 129px; }
}

/* Navigation */

.header nav ul { list-style: none; padding: 0; margin: 0; }

.header nav a { color: inherit; }

.header nav a.on,
.header nav li.on > span > a { font-weight: bold; }

.header nav button { display: none; }

@media (min-width: 992px) {
    .header .navigation { display: none; }
}

@media (max-width: 991px) {
    .header .navigation { display: none; }
}

/**/

.header .icons { position: absolute; top: 10px; left: 50px; }

.header .icons a { display: block; float: right; width: 40px; height: 40px; background: #111; color: #fff; border-radius: 50%; margin-left: 10px; }

.header .icons a > span { position: relative; width: 100%; height: 100%; display: block; }

.header .icons a em { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-size: 18px; }

.header .icons a.facebook { background: #336699; }

.header .icons a.search { background: #9d0132; }

.header .icons a.arabic { background: #afb43a; color: #000; }

.header .icons a.arabic em { font-style: normal; }

/* Header Search */

.header-search { position: fixed; top: 0; right: 0; z-index: 999999; width: 100%; background: #fff; height: 100px; border-bottom: 2px solid #1d99d9; box-shadow: 0 0 20px rgba(0,0,0,0.5); display: none; }

.header-search .content { position: relative; height: 100%; }

.header-search input { border: 0; background: #fff; width: 100%; font-size: 1.5em; padding: 30px; height: 100%; outline: none; }

.header-search button { position: absolute; top: 0; left: 0; height: 100%; width: 100px; background: none; border: 0; cursor: pointer; }

.header-search button.submit { left: 101px; font-size: 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.header-search button.submit:hover { color: #754c29; }

/* Toggle Navigation Button */

.toggle-nav { display: none; }

/* Footer */

.footer { padding: 1.5rem 0; background: #fff; color: #000; }

.footer a { color: #afb53a; }

.footer p { margin: 0; }

@media (max-width: 991px) {
    .footer { text-align: center; }
}

/* Breadcrumbs */

.breadcrumbs { }

.breadcrumbs a { }

.breadcrumbs ul { list-style: none; margin: 0; padding: 0; }

.breadcrumbs ul > li { display: inline-block; }

.breadcrumbs ul > li:after { font-family: 'FontAwesome'; content: '\f104'; padding: 0 5px; display: inline-block; }

.breadcrumbs ul > li:last-child:after { content: ''; padding: 0; }

/* bNagish */

.bNagish-toggle { bottom: auto; top: 10px; left: 10px; width: 40px; height: 40px; background: #111; border-radius: 50%; }

.bNagish-toggle em { color: #fff; font-size: 18px; }

/* Skip Ads * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.skip-ad { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999; }

.skip-ad .skip-ad-container { max-width: 600px; margin: 0 auto; padding: 15px; }

.skip-ad .skip-ad-content { margin-top: 80px; }

.skip-ad .skip-ad-content .msg { background: #fff; padding: 30px; }

.skip-ad img { max-width: 100%; display: block; margin: 0 auto; }

.skip-ad .skip-ad-close { position: fixed; top: 30px; width: 100%; text-align: left; }

.skip-ad #close-skip-ad { display: inline-block; padding: 10px 20px; background: #fff; border-radius: 5px; }

.skip-ad #close-skip-ad:focus, .skip-ad #close-skip-ad:hover { background: red; color: #000; }

/* Mobile Navigation  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.mobile-navigation { position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background: #f1f1f1; z-index: 9999999; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; visibility: hidden; box-shadow: 0 0 0 rgba(0,0,0,0); }

.mobile-navigation.open { left: 0; visibility: visible; box-shadow: 0 0 50px rgba(0,0,0,0.5); }

.mobile-navigation .content { width: 100%; height: 100%; overflow: auto; position: relative; }

.mobile-navigation .content .head { width: 100%; text-align: left; margin-bottom: -1rem; }

.mobile-navigation .content .head .button { padding: 10px 15px; background: #333; color: #fff; border: 0; font-size: 20px; margin: 1rem; }

.mobile-navigation nav { margin: 1rem; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); }

.mobile-navigation nav ul { list-style: none; padding: 0; margin: 0; }

.mobile-navigation nav a { color: inherit; }

.mobile-navigation nav a.on,
.mobile-navigation nav li.on > span > a { font-weight: bold; }

.mobile-navigation nav button { display: none; }

.mobile-navigation nav ul ul { display: none; }

.mobile-navigation nav li { border-bottom: 1px solid #ddd; }

.mobile-navigation nav li > span { display: block; position: relative; }

.mobile-navigation nav ul ul { background: rgba(0,0,0,0.02); }

.mobile-navigation nav button { display: block; position: absolute; top: 0; right: 0; height: 100%; }

.mobile-navigation nav a { display: block; padding: 15px; margin-right: 48px; }

.mobile-navigation nav .toggle-sub-menu { display: block; position: absolute; top: 0; right: 0; width: 48px; overflow: hidden; padding: 0 15px; background: none; border: 0; background: rgba(0,0,0,0.02); color: inherit; font-family: 'FontAwesome'; font-style: normal; }

.mobile-navigation nav .toggle-sub-menu:after { content: '\f053'; }

.mobile-navigation nav .toggle-sub-menu:after { content: '\f053'; }

.mobile-navigation nav .toggle-sub-menu.opened:after { content: '\f078'; }

.mobile-navigation nav .toggle-sub-menu.no-sub-menu:after { content: '\f111'; font-size: 80%; }

.mobile-navigation nav .toggle-sub-menu.external-link:after { content: '\f08e'; }

.mobile-navigation-search { position: relative; margin: 1rem; box-shadow: 0 0 30px rgba(0,0,0,0.1); }

.mobile-navigation-search input { display: block; width: 100%; padding: 1rem; background: #fff; border: 0; }

.mobile-navigation-search button { display: block; position: absolute; top: 0; left: 0; height: 100%; background: none; border: 0; padding: 0 1rem; }

.mobile-navigation { background: #031930; border-right: 2px solid #afb53a; }

.mobile-navigation .content .head .button { background: #afb53a; color: #000; }

/* Page * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Page Header */

.page-header { height: 360px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: -1; }

/* Page Content */

.page-content { background: #fff; margin-bottom: 3rem; }

@media (min-width: 992px) {
    .page-content { margin-top: -7.6rem; box-shadow: 0 0 30px rgba(0,0,0,0.1); }
}

@media (max-width: 991px) {
    .page-content { margin: 0 -15px; }
}

.page-content-head { background: #9d0334; color: #fff; padding: 1.5rem; position: relative; }

@media (max-width: 991px) {
    .page-content-head { padding: 1rem; }
}

.page-content-head h1 { margin: 0; }

.page-content-head a { color: rgba(255,255,255,0.8); }

.page-content-head button { display: none; }

@media (max-width: 991px) {
    .page-content-head button { display: block; background: none; border: 0; padding: 0; position: absolute; left: 15px; bottom: 1rem; color: #fff; font-size: 2rem; }

    .page-content-head button em:before { content: "\f13a"; }

    .page-content-head button.opened em:before { content: "\f139"; }
}

.page-content-body { padding: 1.5rem; min-height: 20rem; }

@media (max-width: 991px) {
    .page-content-body { padding: 1rem; }
}

.page-content-nav { display: none; }

.page-content-nav ul { list-style: none; padding: 0; margin: 0; }

.page-content-nav ul > li { border-bottom: 1px solid #ddd; }

.page-content-nav ul > li a { padding: 1rem; display: block; }

/* Social Sharing Buttons */

.social-share { font-size: 16px; text-align: center; margin: 1.5rem; }

.social-share a { min-width: 40px; text-align: center; display: inline-block; }

/* InPage Navigation */

.sub-pages-nav.outside { margin-top: 1rem; margin-bottom: 2rem; }

.sub-pages-nav ul { list-style: none; padding: 0; margin: 0 -1rem; }

.sub-pages-nav ul ul { display: none; }

.sub-pages-nav ul > li { width: 50%; float: right; position: relative; padding: 1rem; }

@media (max-width: 768px) {
    .sub-pages-nav ul > li { width: 100%; }
    .header .icons { position: absolute; top: 10px; left: 9px; /* right: 218px; */ background-color: white; width: 129px; }
}

.sub-pages-nav a { display: table; width: 100%; color: inherit; background: #e8e8e8; font-size: 1.3rem; border-radius: 4rem; overflow: hidden; }

.sub-pages-nav a:hover { transform: scale(1.05); }

.sub-pages-nav a > span { display: table-cell; vertical-align: middle; padding: .75rem; }

.sub-pages-nav a > .icon { width: 100px; height: 100px; position: relative; }

.sub-pages-nav a > .icon img { max-width: 60px; max-height: 60px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.sub-pages-nav li:nth-child(5n+1) a > .icon { background: #3f91aa; }

.sub-pages-nav li:nth-child(5n+2) a > .icon { background: #4b9370; }

.sub-pages-nav li:nth-child(5n+3) a > .icon { background: #afb53a; }

.sub-pages-nav li:nth-child(5n+4) a > .icon { background: #e17a34; }

.sub-pages-nav li:nth-child(5n+5) a > .icon { background: #9d0333; }

.sub-pages-nav.outside a { background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); }

.sub-pages-nav .arrow { font-family: 'FontAwesome'; font-style: normal; color: #657177; }

.sub-pages-nav .arrow:before { content: '\f104'; }

/* Mode Table Of Contents */

.toc-container { border: 1px solid #ddd; background: #f1f1f1; display: inline-block; padding: .5rem; }

.toc-toggle a span { display: none; }

.toc-toggle a:before { content: 'הצג'; }

.toc-container.active .toc-toggle a:before { content: 'הסתר'; }

.toc-expendable { display: none; }

.toc-expendable ol { margin: 0; margin-top: 1rem; }

/* InPage Style - Rich Content */

.rich-content h2,
.rich-content h3,
.rich-content h4,
.rich-content h5,
.rich-content h6 { margin-bottom: 1rem; }

.rich-content h2 { color: #afb53a; }

.rich-content h3 { color: #afb53a; }


.rich-content .contact-man { display: block; color: inherit; border-right: 3px solid #1d99d9; background: #f3f9f7; padding: 1.5rem; }

.rich-content .contact-man .contact-name { font-size: 1.5rem; }


/* Media Prints * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Media Print */

@media print {
    .page-content { margin: 0 !important; padding: 0 !important; border: 0 !important; }

    .header,
    .blocks-skip,
    #bNagish,
    .mobile-navigation-container,
    .page-header,
    .social-share,
    .footer,
    .skip { display: none; }
}

/* Card * */

.card { margin-top: 2rem; border-radius: 0; }

.card-header { background-color: rgb(30, 153, 217); color: white; font-weight: bold; border-radius: 0; }

.card-body { background: #f1f1f1; border-radius: 0; }



.select2-container--default .select2-selection--single { height: 38px !important; border: 1px solid #ced4da !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 34px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px !important; position: absolute; top: 1px; right: 1px; width: 20px; }

.header .icons a { padding-right: 6px; display: block; float: right; width: 181px; height: 24px; background: #111; color: #fff; border-radius: 0 !important; margin-left: 10px; }

@media only screen and (max-width: 768px) {
    .busheder1 { font-size: 22px; }
    .busheder2 { font-size: 22px; text-shadow: 3px 2px #fff !important; }
}

@media only screen and (max-width: 320px) {
    .busheder1 { font-size: 22px; }
    .busheder2 { font-size: 22px; text-shadow: 3px 2px #fff !important; }
    .OrderH { font-size: 22px; }
}

.busheder1 { color: #3f92aa !important; }
.returnToWebSite { top: 9px; right: 98px; flex: none; clear: both; position: relative; width: 20%; }
.header .logo img { height: 150px; }
.header .logo { position: relative !important; width: 20%; }
.tels_t { float: none; }
.OrderH { color: #9e0231 !important; font-size: 36px; }

@media (max-width: 719px) {
    .header .logo img { height: 77px; }

    .header .logo { right: 59px; }
    .bus { width: 50% !important; }
    #home { padding: 0px !important; }
    .hbus { text-align: center; }
    .returnToWebSite { top: 9px; /* right: 98px; */ position: relative; width: 42% !important; float: left; right: 0 !important; font-size: 10px; left: 7px !important; }
    .tels_t { float: none; }
}
