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

body{

    font-size:18px;
    color:#e1e1e1;
    font-family: 'Open Sans Hebrew', serif;
    direction: rtl;
    background: #252424 url('assets/images/U_parking_web_banner.png') no-repeat;
    background-size: contain;
    background-attachment: fixed;
}
.bg-dark{
    background:#000;
}
.icon-car{
    background:#FFB940 url('assets/images/ic-car.svg') no-repeat center;
    width: 32px;
    height:32px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top:9px;
    margin-left: 10px;
}
.header{

    height:800px;
    width:100%;
}
.logo{
    background: url('assets/images/U_parking_banner_logo.png') no-repeat center;
    background-size: contain;
width:auto;
    height:95%;
}
@media (max-width: 1480px) {
    .logo{

        height:90%;
    }
    .header{
        height: 600px;
    }
}
@media (max-width: 1280px) {
    .logo{

        height:90%;
    }
    .header{
        height: 500px;
    }
}
@media (max-width: 1000px) {
    .container{
        width:95%;
        max-width:95%;
    }
    .header{
        height: 400px;
    }

}
@media (max-width: 768px) {
    .mobile-hide{
        display: none !important;
    }
    .image-list{
        overflow-x: auto;
    }
    .logo{

        height:60%;
    }
    .header{
        height: 300px;
    }
}
@media (max-width: 992px) {
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
}
@media (max-width: 600px) {
body{
    background-size: auto 300px;
}
    .logo{

        height:60%;
    }
    .header{
        height: 250px;
    }
}
a.login-registration{
    color: #FFB940;
    text-decoration: none;
    font-size:18px;
    font-weight: normal;
    line-height: 41px;
    margin-top: -1px;

}
a.login-registration:hover{
    color: #FFB940;
    text-decoration: underline;
    font-size:18px;
}
.width-200{
    width:200px;
}
.top-block{
    border:2px solid #43BAE8;
    border-radius: 16px;
    color:#fff;
    position: relative;
    margin-bottom: 60px;
    padding:60px;
    background: #252424;
}
.orange-car{
    background: url('assets/images/Intersection 1.svg') no-repeat;
    width: 237px;
    height: 264px;
    left:-2px;
    bottom: -3px;
    position: absolute;

}
.orange-car img{
    position: absolute;
    left:0;
    bottom:0;
}
.title{
    color: #FFB940;
    font-size:24px;
    border-weight:bold;
    padding:0px 0px 30px;
}
.orange-list{
    list-style:none;
    padding:0;
    margin:0 0px 0px 0px;
}
.orange-list li{
    position: relative;
    padding-right:16px;
    padding-bottom: 7px;
}
.orange-list li:before{
    content:"";
    background: #FFB940 ;
    border-radius: 50%;
    width:8px;
    height:8px;
    top:10px;
    right:0;
    position: absolute;
}
.video_block{
    margin-bottom: 60px;
}
.video_block video
{
    width:100%;
    height:auto;
}
.block{
    border:1px solid #43BAE8;
    border-radius: 4px;
    padding:60px;
    position: relative;
    background: #252424;
    margin-bottom: 60px;
}
.orange-circle{
    background: url('assets/images/Intersection 2.svg') no-repeat;
    width: 180px;
    height:200px;
    left:-2px;
    bottom: -2px;
    position: absolute;

}
.orange-circle img{
    position: absolute;
    left:0;
    bottom:0;
}
.image-list{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}
.image-list li{
    flex-grow: 1;
    text-align: center;
}
.image-list li img{
    width:220px;
}
.orange-circle-top{
    background: url('assets/images/Intersection 3.svg') no-repeat;
    width: 144px;
    height: 160px;
    left:-2px;
    top: -2px;
    position: absolute;
}
.orange-circle-top img{
    position: absolute;
    left:0;
    top: 50%;
    margin-top: -44px;
}
.orange-circle-reports{
    background: url('assets/images/Intersection 4.svg') no-repeat;
    width: 165px;
    height: 184px;
    left:-2px;
    bottom: -2px;
    position: absolute;
}
.orange-circle-reports img{
    position: absolute;
    left:0;
    bottom: 0px;

}
.carousel-item .container{
    text-align: center;

}
.carousel-item img{
    text-align: center;
    border:1px solid #43BAE8;
    border-radius: 4px;
    padding:16px;
    width:94%;
}
.carousel-control-prev{
    justify-content: right;
    color:#43BAE8;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #43BAE8; /* Set the background color using 'background-color' property or 'border-left-color' */
    top:50%;
    margin-top:-12px;
}
.carousel-control-next{
    justify-content: left;
    color:#43BAE8;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 25px solid #43BAE8; /* Set the background color using 'background-color' property or 'border-left-color' */

    top:50%;
    margin-top:-12px;
}
.carousel-inner{

}
#myCarousel{
    margin-bottom: 60px;
}
.orange-circle-baseline{
    background: url('assets/images/Ellipse 72.svg') no-repeat;
    width: 81px;
    height: 81px;
    left:40px;
    top: 34px;
    position: absolute;
}
.orange-circle-baseline img{
    position: absolute;
    right: -2px;
    bottom: -3px;


}
.orange-circle-verify{
     background: url('assets/images/verified_user_FILL1_wght400_GRAD0_opsz48.svg') no-repeat;
    width: 90px;
    height: 112px;
     left:80px;
     top: 64px;
     position: absolute;
 }
footer{
    background: #FFB940;
    direction: ltr;

}
#lottieAnimation{
    height:335px;
}
footer h5{
    color: #252424;
    font-size:35px;
    font-weght:bold;
    margin-bottom:16px;
}
.contact-people{
    font-size:18px;
    color: #252424;
    margin-bottom: 60px;
}
.contact-people .who{
    display: block;
    font-size:24px;
}
.contact-data  {
    margin-bottom: 40px;
}
.contact-data a{
    color: #252424;
    font-size:24px;
    display: block;
    text-decoration: none;
}
.contact-data a:hover{
    color: #252424;
    font-size:24px;
    display: block;
    text-decoration: underline;
}
.footer-block-1{
    text-align: left;
}
.only-mobile{
    display: none;
}
.mobile_menu{
    display: none;
}
@media (max-width: 768px) {
    .block-images{
        padding:0;
        border:0;
    }
    .justify-content-center{
        width:100%;
        text-align: center;
    }
    .only-mobile{
        display: block;
        position:absolute;
        right:10px;
        top:5px;
    }
    .mobile_menu{
        position: fixed;
        background: #000000;
        width:100%;
        height:100%;
        z-index: 1050;
        padding-top: 100px;
    }
    .mobile_menu ul{
        list-style: none;
        padding:0;
        margin:0;
    }
    .mobile_menu ul li{
        display: block;
        text-align: center;
        margin-bottom: 14px;
    }
    .mobile_menu ul li a{
        color:#FFB940;
        text-decoration: none;
        text-transform: uppercase;
    }
    .mobile_menu ul li a:hover{
        text-decoration: underline;
    }
    .close_menu{
        position: absolute;
        top:10px;
        right:10px;
    }
    .image-list li{
        width:220px;
        margin: 0 10px;
    }

}
@media (max-width: 650px) {
    .footer-block-1{
     width:100%;
        order:2;
    }
    .footer-block-2{
     width:100%;
        order:1;
    }
    .orange-circle-top, .orange-car, .orange-circle, .orange-circle-reports, .orange-circle-baseline, .orange-circle-verify{
        display:none;
    }
    .top-block, .block{
        padding:25px;
    }

}

#animatedElement{
    position:fixed;
    background: rgba(0,0,0,0.9);
    text-align: center;
    width:100%;
    height:100%;
    z-index: 1080;
}
#onload_lottieAnimation{
position: absolute;
    top:50%;
height:800px;
    width:800px;
    margin-top:-400px;
    left:50%;
    margin-left:-400px;
}