@import url('../../../../../../shared/fonts/almoni/almoni.css');
:root{
    --main: #2a3949;
    --secColor: #cc1d50;
    --thirdColor: #2a3949;
    --red: #e50046;
    --blue: #253948;
    --neue: 'Almoni Neue', sans-serif;
    
}
body,html{
    padding:0;margin:0;
    direction:rtl;
    font-size: 18px;
    
    font-family: 'Almoni Tzar DL 4.0 AAA',Arial;
    line-height: 100%;
    color:var(--main);
    position:relative;
}
#formSection{
    max-width: 1200px;
    min-width:800px;
    margin: 0 auto;
}
.formInputs{
    gap:15px;
    justify-content: center;
}
.submitBtn{
    background-color: var(--red);
    color: white;
    min-width: 160px;
}
#_email{
    min-width:250px;
    direction:ltr;
}

.red{ color: var(--red);}
.blue{ color: var(--blue);}
.bgred{ background-color: var(--red);}
.bgblue{ background-color: var(--blue);}

h1,h2,h3,h4{
    
    font-weight: bold;
    font-style: normal;
    line-height: 1.1499;
}

h1.mainTitle{
    font-size: 610%;
    letter-spacing: 0px;
    margin-bottom: 0;
    text-align: center;
    
}
h2{
    font-size: 120%;
    margin: 0;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}
header{
    
}

.container{
    width:100%;
    max-width:1440px;
    
}


header .container{
    position:relative;
    min-height:60px;
    align-items:center;
    display:flex;
}
header .logo {
    max-width: 160px;
    position: absolute;
    top: 0;
    right: 0;
    height: 130px;
    width: 100%;
    /* border-left: 7px solid var(--red); */
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 0px;
    padding-bottom: 0px;
    /* background: var(--blue); */
    /* box-shadow: 0 0 15px black; */
    z-index: 10;
}
.hivraLogo{
    max-height:50px;
}


.borderColor{
    width: 50%;
    height: 100%;
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.borders{
    position:absolute;
    width:90%;
    left:5%;top:5%;height:90%;
}
.borders div{
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    transform: rotate(90deg);
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
}
.borders div:nth-child(2){
 left:auto;
 right:0;
 transform: rotate(180deg);
}
.borders div:nth-child(3){
    top:auto;
    bottom:0;
    transform: rotate(0deg);
}
.borders div:nth-child(4){
 left:auto;
 top:auto;
 right:0;bottom:0;
 transform: rotate(270deg);
}
.borderedBlock p{
    color:var(--red);
    font-size: 150%;
    font-weight: bold;
}
.blockImage {
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex
;
}
.subheader{
        font-size: 210%;
    display: block;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    line-height: 80%;
    
}
.moreinfo{
    color: white;
    text-decoration: none;
    border-radius: 50px;
    padding: 5px 40px;
    font-size: 180%;
    margin-bottom:50px;
}
.mainBannerText h2{
        font-size: 320%;
        margin: 0;
        padding: 0;
        line-height: 100%;
    }
    .mainBannerText h3{
        font-size: 164%;
        margin: 0;
        padding: 0;
        line-height: 100%;
        letter-spacing: -1px;
    }
@media only screen and (min-width : 1200px) { 
    
   
}
@media only screen and (min-width : 768px) { 
    .mainBannerText{
        position: absolute;
        left: 10%;
        top: 10%;
        font-size: 150%;
        text-align: center;
    }
    .blocks{
        justify-content: center;
        max-height: 240px;
        overflow: hidden;
        margin: 10px auto;
    }
    .block{
    display:flex !important;
    max-width:34%;
    min-width:32%;
}
    
}
@media only screen and (min-width : 768px) and (max-width:1200px) { 
       .mainBannerText {
            font-size: 100%;
        }
        .blockImage  img{
            width:100%;
            height:100%;
        }
}

@media (min-width : 768px)  and (max-height: 750px){ 
   
}
@media only screen and (max-width : 768px) { 
     body{
        font-size: 1rem;
        line-height: 100%;
        margin: 0;
        padding: 0;
    }
    header{
        height:80px;
        
    }
    header .logo{
        height:auto;
        justify-content: flex-start;
    }
    header .logo img{
        max-height:80px;
    }
    #formSection{
        min-width:200px;
        width:100%;
    }
    .formInputs{
        flex-direction: column;
    }
    #accessWrapper {
        top:30px;
    }
    
    .mainBannerText{
        position: absolute;
        top: 10px;
        text-align: center;
        line-height: 100%;
        width: 100%;
        padding: 10px;
    }
    .mainBannerText h2 {
        line-height: 70%;
        font-size:260%;
    }
    .mainBannerText h3 {
        letter-spacing:0;
        font-size:130%;
    }
    
    .blocks {
        justify-content: center;
        max-height: 1000px; 
        overflow: visible;
        margin: 10px auto;
        flex-wrap: wrap;
    }
    .block{
        width: 100%;
        height: 160px;
        display: flex;
    }
    .block:nth-child(2){
        flex-direction:row-reverse;
    }
    .blockImage{
        overflow:hidden;
    }
    .blockImage img{
        height:100%;
        width:100%;
    }
    .subheader {
        font-size: 180%;
    }
    
}
.subheader ._en{
        font-size: 85%;
    }

.contrasted #left,.contrasted .logo{
    background-color: black;
}
.contrasted h1.mainTitle,.contrasted .mainWrapper h2,.contrasted .red{
    color:black;
}
html.contrasted a{
    color:white !important;
    text-shadow: 0 0 8px black, 0 0 5px black !important;
}
html.contrasted .manText {
    text-shadow: 0 0 8px black, 0 0 5px black;
}