@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500&subset=hebrew');
/* --- general styles --- */

.details {
    display: none;
}

body {
    font-family: 'Heebo', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background-color: #f3f3f3;
    /* IE 10+ hide scrollbar */
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
    display: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

.row {
    margin: 0;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding: 0;
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* --- nav-bar --- */

.navbar-default {
    background-color: #fff;
    border: none;
    position: fixed;
    width: 100%;
    max-width: 1280px;
    border-radius: 0;
    z-index: 1;
}

#myNavbar {
    position: relative;
    top: 80px;
    float: left;
}

#myNavbar .nav-item {
    float: right;
    margin-left: 32px;
    font-size: 1.5em;
}

#myNavbar .nav-item a {
    color: #2e2e2e;
}

.navbar-brand {
    height: auto;
}

.navbar-default .navbar-nav>a {
    font-size: 2em;
    margin-left: 20px;
}

.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.dropdown-content {
    background-color: rgba(136, 156, 157, 0.89);
    position: absolute;
    top: 46px;
    min-width: 213px;
    overflow: hidden;
    padding-top: 0;
    text-align: center;
    margin-right: -42px;
    z-index: 1;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: transform .3s ease-out, opacity .5s;
}

#myNavbar .dropdown-content a {
    color: #fff;
    padding-top: 5px;
    text-decoration: none;
    display: block;
}

.gap {
    position: absolute;
    width: 100%;
    height: 170%;
    z-index: 1;
}

.dropdown-content a:hover {
    background-color: #4b6264;
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    transform: scaleY(1);
}

.english-flag {
    cursor: pointer;
}

/* --- main picture --- */

#mainPicture {
    position: relative;
    background-color: #fff;
    margin-top: 125px;
}

#mainPicture .text-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* --- specialty units --- */

#specialtyUnits {
    display: flex;
    flex-wrap: wrap;
}

#specialtyUnits .specialty-unit {
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    flex-basis: 50%;
    padding-bottom: 31.25%;
    position: relative;
}

#specialtyUnits .specialty-unit img {
    opacity: .65;
    transition-duration: .25s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#specialtyUnits .specialty-unit:hover>img {
    opacity: 1;
}

#elfGrpBox {
    background-image: url(../images/2.jpg);
    order: 1;
}

#contactIntlBox {
    background-image: url(../images/22.jpg?v=1);
    order: 2;
}

#elfGrpBox+.details {
    order: 3
}

#contactIntlBox+.details {
    order: 4;
}

#fullHouseBox {
    background-image: url(../images/23.jpg);
    order: 5;
}

#houseClubBox {
    background-image: url(../images/24.jpg);
    order: 6;
}

#fullHouseBox+.details {
    order: 7;
}

#houseClubBox+.details {
    order: 8;
}

#digitalContactBox {
    background-image: url(../images/25.jpg);
    order: 9;
}

#urbanXBox {
    background-image: url(../images/26.jpg);
    order: 10;
}

#digitalContactBox+.details {
    order: 11;
}

#urbanXBox+.details {
    order: 12;
}

#lightHouseBox {
    background-image: url(../images/27.jpg);
    order: 13;
}

#inHouseBox {
    background-image: url(../images/28.jpg);
    order: 14;
}

#lightHouseBox+.details {
    order: 15;
}

#inHouseBox+.details {
    order: 16;
}

/* --- specialty units details --- */

#specialtyUnits .details {
    flex-basis: 100%;
    background-color: #E5E5E5;
    font-size: 1.2em;
    line-height: 31px;
}

#specialtyUnits .details .close {
    padding-top: 30px;
    padding-left: 27px;
}

#specialtyUnits .details .logo {
    padding: 30px 0 50px 0;
    display: block;
    margin: 0 auto;
}

#specialtyUnits .details .ceo-img {
    margin: 20px auto;
    display: block;
    width: 190px;
}

#specialtyUnits .details .ceo-headline > p {
    font-weight: 600;
    text-decoration: underline;
}

#specialtyUnits .details .ceo-name {
    text-align: center;
    margin-bottom: 35px;
    font-size: 0.8em;
}

#specialtyUnits .details .ceo-name > p {
    padding: 0;
    margin-bottom: 0;
}

#specialtyUnits .details p,
#specialtyUnits .details div.p {
    color: #000;
    font-weight: 400;
    max-width: 930px;
    margin: 0 auto 25px;
    padding: 0 10px;
}

#specialtyUnits .details ul {
    display: inline-block;
    text-align: initial;
}

#specialtyUnits .details li {
    white-space: nowrap;
}

#specialtyUnits .details ul.custom-list {
    padding-right: 0;
    overflow: auto;
}

#specialtyUnits .details ul.custom-list li {
    float: right;
    list-style: none;
    margin-left: 11px;
    white-space: normal;
}

#specialtyUnits .details .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --- projects --- */

#projects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#projects .project {
    flex: 0 0 calc(25% - 1px);
    background-repeat: no-repeat;
    background-size: cover;
    height: 197px;
    border-top: 1px solid #fff;
    position: relative;
    cursor: pointer;
    text-align: center;
}

#projects .project>img {
    position: absolute;
    top: 0;
    right: 0;
}

#projects .project>img.logo {
    position: absolute;
    margin: auto;
    top: 32%;
    left: 0;
    right: 0;
    bottom: 0;
}

    #projects .project.empty {
        cursor: default;
    }
    #projects .project.empty > img.logo {
        
        top: -15px;
        width: 80%;
    }

#projects .project>h4 {
    font-size: 1.6em;
    position: absolute;
    top: 56%;
    right: 0;
    width: 100%;
    color: black;
}

#projects .project>.sub-title {
    position: absolute;
    top: 18%;
    right: 51px;
    font-size: 1.6em;
    color: black;
}

#projects .project {
    background-color: #e5e5e5;
}

/*
#projects .project.p1 {
    background-image: url(../images/projects/p1/KZ_vinieta_1.jpg);
}

#projects .project.p1:hover {
    background-image: url(../images/projects/p1/KZ_vinieta_2.jpg);
}

#projects .project.p2 {
    background-image: url(../images/projects/p2/Netivot_vinieta2.jpg);
}

#projects .project.p2:hover {
    background-image: url(../images/projects/p2/Netivot_vinieta.jpg);
}

#projects .project.p3 {
    background-image: url(../images/projects/p3/BetShan_vinieta2.jpg);
}

#projects .project.p3:hover {
    background-image: url(../images/projects/p3/BetShan_vinieta.jpg);
}

#projects .project.p4 {
    background-image: url(../images/projects/p4/BBustan_vinieta2.jpg);
}

#projects .project.p4:hover {
    background-image: url(../images/projects/p4/BBustan_vinieta.jpg);
}

#projects .project.p5 {
    background-image: url(../images/projects/p5/Vulkan_vinieta2.jpg);
}

#projects .project.p5:hover {
    background-image: url(../images/projects/p5/Vulkan_vinieta.jpg);
}

#projects .project.p6 {
    background-image: url(../images/projects/p6/Levinstein_vinieta2.jpg);
}

#projects .project.p6:hover {
    background-image: url(../images/projects/p6/Levinstein_vinieta.jpg);
}

#projects .project.p7 {
    background-image: url(../images/projects/p7/Kranot_vinieta2.jpg);
}

#projects .project.p7:hover {
    background-image: url(../images/projects/p7/Kranot_vinieta.jpg);
}

#projects .project.p8 {
    background-image: url('../images/projects/p8/Hadera Hafrada_vinieta2.jpg');
}

#projects .project.p8:hover {
    background-image: url('../images/projects/p8/Hadera Hafrada_vinieta.jpg');
}

#projects .project.p9 {
    background-image: url('../images/projects/p9/Dimona Hafrada_vinieta2.jpg');
}

#projects .project.p9:hover {
    background-image: url('../images/projects/p9/Dimona Hafrada_vinieta.jpg');
}

#projects .project.p10 {
    background-image: url('../images/projects/p10/Ashkelon Hafrada_vinieta2.jpg');
}

#projects .project.p10:hover {
    background-image: url('../images/projects/p10/Ashkelon Hafrada_vinieta.jpg');
}

#projects .project.p11 {
    background-image: url(../images/projects/p11/Hadera_vinieta2.jpg);
}

#projects .project.p11:hover {
    background-image: url(../images/projects/p11/Hadera_vinieta.jpg);
}

#projects .project.p12 {
    background-image: url('../images/projects/p12/Hadera Asakim_vinieta2.jpg');
}

#projects .project.p12:hover {
    background-image: url('../images/projects/p12/Hadera Asakim_vinieta.jpg');
}*/

#projects .details {
    flex: 1 0 100%;
}

#projects .p1 {
    order: 1;
}

#projects .p2 {
    order: 2;
}

#projects .p3 {
    order: 3;
}

#projects .p4 {
    order: 4;
}

#projects .p1+.details {
    order: 5;
}

#projects .p2+.details {
    order: 6;
}

#projects .p3+.details {
    order: 7;
}

#projects .p4+.details {
    order: 8;
}

#projects .p5 {
    order: 9;
}

#projects .p6 {
    order: 10;
}

#projects .p7 {
    order: 11;
}

#projects .p8 {
    order: 12;
}

#projects .p5+.details {
    order: 13;
}

#projects .p6+.details {
    order: 14;
}

#projects .p7+.details {
    order: 15;
}

#projects .p8+.details {
    order: 16;
}

#projects .p9 {
    order: 17;
}

#projects .p10 {
    order: 18;
}

#projects .p11 {
    order: 19;
}

#projects .p12 {
    order: 20;
}

#projects .p9+.details {
    order: 21;
}

#projects .p10+.details {
    order: 22;
}

#projects .p11+.details {
    order: 23;
}

#projects .p12+.details {
    order: 24;
}

#projects .p13 {
    order: 25;
}

#projects .p14 {
    order: 26;
}

#projects .p15 {
    order: 27;
}

#projects .p16 {
    order: 28;
}

#projects .p13+.details {
    order: 29;
}

#projects .p14+.details {
    order: 30;
}

#projects .p15+.details {
    order: 31;
}

#projects .p16+.details {
    order: 32;
}



.wrapper-gallery-head {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 23px;
    position: relative;
}

.gallery-logo {
    position: absolute;
    right: 38px;
    top: 0;
}

.project-gallery .name {
    font-size: 30px;
    font-weight: 400;
}

.project-gallery .city {
    font-size: 30px;
    font-weight: 300;
}

.project-gallery .close {
    position: absolute;
    top: 0;
    left: 17px;
    padding-top: 0;
    opacity: 1;
}

.wrapper-carrousel {
    position: relative;
    margin-bottom: 30px;
}

.gallery-carrousel {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.gallery-carrousel h3 {
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
}

.gallery-carrousel .description {
    display: inline-block;
    margin-bottom: 37px;
}

.vl {
    width: 1px;
    background-color: black;
    height: 67px;
    position: absolute;
    right: 700px;
    top: 20px;
}

#projects .icons {
    float: left;
    position: relative;
    bottom: 12px;
}

.wrapper-site,
.wrapper-fb {
    display: inline-block;
}

.wrapper-site img:last-child {
    display: none
}

.wrapper-site:hover img:first-child {
    display: none
}

.wrapper-site:hover img:last-child {
    display: inline-block
}

.wrapper-fb img:last-child {
    display: none
}

.wrapper-fb:hover img:first-child {
    display: none
}

.icon-site,
.icon-site-blue {
    margin-left: 26px;
}

.wrapper-fb:hover img:last-child {
    display: inline-block
}

#projects .carousel {
    margin-top: 8px;
    margin-bottom: 40px;
}

#projects .carousel .carousel-inner {
    border: 1px solid #333;
}

.carousel-control {
    color: #808080;
    text-shadow: transparent;
    opacity: 1;
}

.carousel-control:focus,
.carousel-control:hover {
    color: #808080;
    text-shadow: transparent;
    opacity: 1;
}

.carousel-control.left {
    background: transparent;
    margin-left: -132px;
}

.carousel-control.right {
    background: transparent;
    margin-right: -132px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
    margin: 0 !important;
}

/* --- contact section --- */

#contact {
    background: url(../images/ContactPic.png) no-repeat;
    background-size: cover;
    position: relative;
}

#contact .contact-logo {
    margin-top: 57px;
}

#contact h4 {
    font-size: 2em;
    margin-right: 57px;
    margin-top: 62px;
}

#contactForm {
    width: 42%;
    font-weight: 300;
    margin-right: 57px;
    text-align: left;
}

#contactForm .form-group {
    margin-bottom: 24px;
}

#contactForm .form-control {
    height: 50px;
    padding: 13px 16px;
    font-size: 1.6em;
    color: #383636;
    border: none;
    border-radius: 0;
    max-width: 570px;
}

#contactForm textarea.form-control {
    height: auto;
    max-height: 146px;
    resize: none;
}

    #contactForm .invalid{
        border: 2px solid #c22;
    }

    #contactForm ::placeholder {
        color: #4d4d4d;
        opacity: 1;
        /* Firefox */
    }

#contactForm ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #4d4d4d;
}

#contactForm ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #4d4d4d;
}

#contactForm .btn {
    border: none;
    background-color: inherit;
    padding: 0 2px;
    font-size: 2.1em;
    cursor: pointer;
    display: inline-block;
    color: #000;
}

#contact>p {
    font-size: 1.6em;
    font-weight: 400;
    padding: 22px 57px 50px;
    margin: 0 0 0 0;
    color: #000;
    display: inline-block;
}

#contact p a {
    color: #000;
}