@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ============================================================================= */






/* ============================================================================= */

* { 
    list-style-type: none;
    outline: none;
}

body {
    direction: rtl;
    margin: 0;
    padding: 0;
    /*font-family: 'OpenR', Arial;*/ 
    font-family: 'Open Sans Hebrew', serif;
    /*font-family: 'Assistant', sans-serif;*/
    /*font-family: 'Rubik', sans-serif;*/
    overflow-x: hidden !important; 
}

.main_section {
    width: 100%;
}

.clear {}
.clear:before {content: '';display: block;clear: both;}
.clear:after {content: ''; display: block; clear: both;}


#showLoading {
    position: relative; 
    top: 15vw;
    left: 50%;
    transform: translateX(-50%);
}

#loadingText {
    text-align: center;
    font-size: 8pt;
    margin: 3px auto;
    width: 90px;
}

.hide {
    display: none;
}

.overlay {
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
}
/* ============================================================================= */





/* ============================================================================= */
/* START Carousel Fade*/

.carousel.fade {
    opacity: 1;
    background-color: transparent;
}

.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    opacity: 0;
    top:0;
    position:absolute; 
    display:block !important;
    z-index:1;
}

.carousel.fade .item:first-child {
    top:auto;
    position:relative;
}

.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index:2;
}
/* END Carousel Fade */
/* ============================================================================= */





/* ============================================================================= */
/* START Carousel custom properties */

.carousel-control {
    z-index: 10;
    padding: 24% 0 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-control.left {
    background: transparent !important;
}

.carousel-control.right {
    background: transparent !important;
}

.carousel-control img {
    width: 50px;
}

.carousel-control.left img {
    float: left;
}

.carousel-control.right img {
    float: right;
}

/* END Carousel custom properties */


/* ============================================================================= */





.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100vw;
}

/*.carousel-indicators {
    bottom: 20px;
    top: 41vw;
}*/

/*.carousel-indicators li {
    display: inline-block;
    width: 1vw;
    height: 1vw;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #6d6e71;
    border-radius: 10px;
}

.carousel-indicators .active {
    display: inline-block;
    width: 1vw;
    height: 1vw;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #6d6e71;
    border: 1px solid #6d6e71;
    border-radius: 10px;
    
}*/




.form_strip {
    width: 16.3vw;
    /* height: 88.8vh; */
    display: block;
    position: relative;
    z-index: 999998;
    background-color: transparent; 
    margin-top: -38.3vw;
    margin-right: 55.4vw;

}

img.logo_form {
    display: block;
    width: 14vw;
    margin: 0 auto;
    padding-top: 1vw;
}

img.clock_form {
    display: block;
    width: 20vw;
    margin-right: -2.7vw;
    margin-top: 2vw;
}

img.sales {
    display: block;
    width: 13vw;
    margin: 0 auto;
}


.form-wrap {
    width: 100%;
    display: block;
}

.form_desk {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 47%;
    height: auto;
    top: 0vw;
}



.form_desk .form_fields 
{
    width: 46vw;
    text-align: center; 
    margin: 1vw auto;
}


.i-input{
    /*float: right;*/
    width: 14vw;
    height: 2vw;
    background-color: transparent;
    /* display: inline; */
    color: #414143;
    padding: 0vw;
    font-size: 1.4vw;
    margin-left: 1.5vw;
    font-weight: lighter;
    text-align: center;
    border: none;
    border-bottom: 2px solid #43464f;
    /* margin: 0 auto;*/
}

.i-submit {
    /*float: right;*/
    width: 12.5vw;
    height: 2vw;
    background: url(../images/d/sent_btn.svg) center top no-repeat; 
    /*background-color: #022c40;*/
    /*display: block;*/
    color: #fff;
    padding: 0vw;
    font-size: 1.4vw;
    font-weight: normal;
    text-align: center;
    border: none;
    /*margin: 0 auto;*/
    /*margin-top: 2vw;*/
    /*    border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;*/
}

.inputError {
    border: 0px;
    border-bottom: 2px solid #f03042 !important;
} 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #414143;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #414143;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #414143;
}




.text_div{
    width: 100%;
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 999997;
    margin-top: 10.1vw;
    /*min-height: 15vw;*/
    padding-top: 1.5vw;
}

.wrap_text_div {
    width: 52%;
    margin: 0 auto;
}


div.text_div > div > p {
    color: #43464f;
    font-size: 1.3vw;
    font-weight: lighter;
    letter-spacing: -0.01vw;
    line-height: 1.5vw;
    text-align: center;
}

img.bank {
    width: 44vw;
    display: block;
    margin: 0.6vw auto;
}

img.note {
    width: 44vw;
    display: block;
    margin: 0.6vw auto;
}

.slide_gallery {
    width: 100%;
    display: block;
    margin: 2vw auto;
    text-align: center;
    background: #fcf5f58c;
    margin-bottom: 0vw;
}

img.brizo_gallery_slide {
    width: 16vw;
    /*    margin-right: 0.2vw;
        margin-left: 0.2vw;*/
    text-align: center;
}

.credit_studio {
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #d1d3d4;
    text-align: center;
    height: 2vw;
    position: relative;
    
}

.credit_studio  > a > img.credit_img {
    width: 5vw;
}



/* ============================================================================= */
@media  (max-width: 1680px) and ( max-height: 1050px ) { 




}
/* ============================================================================= */


/* ============================================================================= */
@media  (max-width: 1600px) and ( max-height: 900px ) { 



}
/* ============================================================================= */





/* ============================================================================= */
@media  (max-width: 1440px) and ( max-height: 900px ) {



}
/* ============================================================================= */



/* ============================================================================= */
@media  (max-width: 1366px) and ( max-height: 768px ) {



}
/* ============================================================================= */



/* ============================================================================= */
@media  (max-width: 1280px) and ( max-height: 1024px ) {



}
/* ============================================================================= */




/* ============================================================================= */
@media  (max-width: 1280px) and ( max-height: 800px ) {





}
/* ============================================================================= */









/* ============================================================================= */
@media  (max-width: 1024px) {

    .carousel-inner>.item>img {
        width: 100%;
    }

    .top-menu-mobile {
        width: 100%;
        background-color: #fff; 
        height: 22vw;
        /*        position: fixed;
                z-index: 99999;
                top: 0;*/
    }

    .menu-logo-mobile {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    img.mobile-logo {
        width: 60px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    img.mobile-call-us {
        width: 110px;
        position: relative;
        margin-top: 14px;
        margin-left: 13px;
        display: inline-block;
        left: 0;
        right: 0;
        float: left;
    }



    #menu-btn-mobile {
        position: relative;
        margin-top: 14px;
        margin-right: 21px;
        display: inline-block;
    }

    .bar1, .bar2, .bar3 {
        width: 40px;
        height: 1px;
        background-color: #cd9074;
        margin: 10px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {opacity: 0;}

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }

    #menu-mobile {
        width: 100%;
        background-color: #000;
        margin-top: 10px; 
        position: absolute;
        z-index: 999999;
    }

    .menu-row-mobile {
        width: 100%;
        height: 80px;
        color: #fff;
        font-size: 16pt;
        font-weight: 100;
        cursor: pointer;
        border-top: 1px solid #cd9074;
        text-align: center;
        padding-top: 29px;
    }

    .menu-row-mobile:last-of-type {
        border-bottom: none;
    }

    .menu-row-mobile:last-of-type {
        border-bottom: none;
    }

    .hideMobile {
        display: none;
    }

    .showMobile {
        display: block;
    }

    .page-content-mobile {
        width: 100%;
        margin: 0 auto;
    }


    .row {
        margin: 0px !important;  
    }



    .modal-backdrop {
        background: transparent !important;
        display: none !important;
    }

    .modal.in .modal-dialog {
        width: 95% !important;
        margin-top: 12vw;
    }



    a:hover {
        underline: none;
    }

    #myCarousel 
    {
            margin-top: -67vw;
    }


    .form_mobile {

width: 100%;
    display: block;
    margin-top: 4vw;
    margin-bottom: 0;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-top: -2vw;
    padding-bottom: 6vw;

    }

    .form-fields-mobile {
        width: 72%;
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-top: 0vw;
    }

    .form-fields-mobile> h2 {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 6vw;
        font-weight: 700;
    }

    .i-input-mobile {
        width: 100%;
        height: 12vw;
        color: #414143;
        text-align: center;
        font-size: 5vw;
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid #000;
        border-radius: 0;
        padding-top: 0;
        margin: 0 auto;
        margin-top: 3vw;
        font-weight: 300;
    }

    .i-submit-mobile{
        width: 100%;
        height: 11vw; 
        background-color: #022c40;
        display: block;
        margin: 0 auto;
        color: #fff;
        padding: 0px;
        font-size: 7vw;
        font-weight: lighter;
        text-align: center;
        border: 1px solid #000;;
        margin-top: 6vw;
/*        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;*/
    }

    .inputError {
        border: 0px;
        border-bottom: 2px solid #f03042 !important;
    } 

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #43464f;
        opacity: 1; /* Firefox */
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #43464f;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
        color: #43464f;
    }

    .credit_studio_mobile {
        width: 100%;
        display: block;
        margin: 0 auto;
        background: #d1d3d4;
        text-align: center;
        height: 10vw;
    }

    .credit_studio_mobile > a > img.credit_img {
        width: 26vw;
    }





    .mobile_text {
        width: 100%;
        display: block;
        background-color: #fff;
        padding: 3vw;
    }

    #contentPage > div > div.mobile_text > h1 {
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
        color: #022c40;
        font-size: 6vw;
        font-weight: bolder;
        letter-spacing: -0.1vw;
    }

    #contentPage > div > div.mobile_text > .brown {
        color: #fff;
        font-size: 4.5vw;
        font-weight: lighter;
        letter-spacing: -0.01vw;
        /*background-color: #022c40;*/
        color: #022c40;
        width: 100%;
        padding: 0vw 4vw 0vw 4vw;
        line-height: 5.5vw;
        /* margin-top: 0.7vw; */
        margin: 2vw auto;
        text-align: center;
    }

    #contentPage > div > div.mobile_text > p {
        color: #43464f;
        font-size: 4.3vw;
        font-weight: lighter;
        letter-spacing: -0.01vw;
        width: 88%;
        padding: 1vw;
        line-height: 5.5vw;
        /* margin-top: 0.7vw; */
        margin: 2vw auto;
        text-align: justify;
        margin-bottom: 10vw;
    }

} 
/* ============================================================================= */


.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px !important;
    position: relative !important;
    z-index: 99 !important;
    top: -19vw !important;
    left: 0vw !important;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-left: 0px !important;
    position: relative !important;
    z-index: 99 !important;
    top: -19vw !important;
    right: 0vw !important;
}