.banner{
float:left;
width:100%;
position:relative;
height:332px;
padding:0 0 20px 0
}
.banner_image{
position:absolute;
top:0;
left:-100%;
width:250%;
height:332px;
background-size:6% auto
}
.banner_overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
height:84%;
background-image:linear-gradient(180deg,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 100%)
}
.banner .title{
position:absolute;
bottom:0;
left:0;
right:0;
margin:0 auto;
width:100%;
height:100px
}
.banner .title h1{
float:left;
direction:rtl;
width:100%;
padding:0;
margin:0;
font-size:32px;
font-weight:600;
text-transform:uppercase;
letter-spacing:2.5px;
color:#fff;
text-align:center
}
.talent_categories{
position:absolute;
bottom:7%;
left:0;
right:0;
text-align:center;
color:#DFDFDF;
font-size:16px;
font-weight:500;
text-transform:uppercase;
letter-spacing:0.9px
}
.talent_categories .category{
float:none;
display:inline-block
}
.talent_content{
float:left;
width:100%;
margin:-20px 0 0 0;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-color:#FFFFFF;
position:relative;
z-index:2
}
.talent_content .add_to_wishlist{
float:left;
width:100%;
margin:10px 0 20px;
text-align:center;
cursor:pointer
}
.talent_content .add_to_wishlist img{
display:inline-block;
width:20px;
height:20px
}
.talent_content .add_to_wishlist span{
display:inline-block;
margin:0;
font-size:14px;
font-weight:600;
color:#4D4D4D
}
.tabs_menu{
float:left;
width:100%;
margin:0 0 20px;
text-align:center
}
.tabs_menu .tab{
display:inline-block;
color:#4D4D4D;
font-size:16px;
text-decoration:none;
margin:0 5px;
text-transform:uppercase
}
.tabs_menu .tab:hover{
text-decoration:underline
}
.tabs_menu .tab.active{
text-decoration:underline;
color:#000;
font-weight:bold
}
.tabs_wrapper{
float:left;
width:100%;
margin:0;
padding:0 5%;
box-sizing:border-box
}
.tabs_wrapper .tab_content{
display:none
}
.tabs_wrapper .tab_content.active{
display:block
}
.tabs_wrapper .photos.active{
float:left;
width:100%;
text-align:center;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
column-gap:5px;
row-gap:5px
}
.tabs_wrapper .photos div{
width:24%;
height:500px;
cursor:pointer;
background-size:cover
}
.tabs_wrapper .cv_wrapper{
float:left;
width:100%;
padding:0 5%;
box-sizing:border-box
}
.tabs_wrapper .cv_wrapper .cv_tabs{
float:left;
width:100%;
text-align:center
}
.tabs_wrapper .cv_wrapper .cv_tabs .cv_tab{
display:inline-block;
margin:0 20px;
font-size:18px;
text-decoration:none;
cursor:pointer;
text-align:center
}
.tabs_wrapper .cv_wrapper .cv_tabs .cv_tab.active,
.tabs_wrapper .cv_wrapper .cv_tabs .cv_tab:hover{
text-decoration:underline
}
.tabs_wrapper .cv_wrapper .cv_hebrew{
float:left;
direction:rtl;
width:100%;
font-size:18px;
color:#7A7A7A;
display:none
}
.tabs_wrapper .cv_wrapper .cv_english{
float:left;
direction:ltr;
width:100%;
font-size:18px;
color:#7A7A7A;
display:none
}
.tabs_wrapper .cv_wrapper .active{
display:block
}
.tabs_wrapper .showreel{
float:left;
width:100%;
text-align:center
}
.tabs_wrapper .showreel iframe{
width:100%;
box-sizing:border-box;
padding:0 2.5%;
min-height:500px;
height:auto
}
.tabs_wrapper .press.active{
float:left;
width:100%;
text-align:center;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
column-gap:5px;
row-gap:5px
}
.tabs_wrapper .press div{
width:24%;
height:500px;
cursor:pointer;
background-size:cover
}
.lightbox_overlay{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
opacity:0;
z-index:10;
transition:opacity 0.3s linear
}
.lightbox_overlay.active{
display:block;
opacity:1
}
.lightbox_wrapper{
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-width:80%;
height:auto;
max-height:90%;
background-color:#fff;
border-radius:20px;
box-shadow:0 0 20px rgba(0,0,0,0.2);
overflow:hidden
}
.lightbox_wrapper .close_lightbox{
position:absolute;
top:10px;
left:10px;
width:50px;
height:50px;
line-height:17px;
text-align:center;
text-decoration:none;
font-size:110px;
background-color:#FFFFFF;
color:#000;
border-radius:15px;
cursor:pointer;
margin:0;
padding:0
}
.lightbox_wrapper #lightbox_img{
float:left;
width:100%;
height:auto;
cursor:pointer
}
@media only screen and (max-width:1024px) {
.banner{
height:810px
}
.banner_image{
height:810px;
left:0;
width:100%;
background-position:top center;
background-size:100%
}
.banner_overlay{}
.banner .title h1{}
.talent_categories{
bottom:4%
}
.talent_content .add_to_wishlist img{
width:25px;
height:25px
}
.talent_content .add_to_wishlist span{
font-size:22px
}
.tabs_menu .tab{
font-size:22px;
margin:0 15px
}
.tabs_wrapper .photos.active{
float:left;
display:block;
width:100%
}
.tabs_wrapper .photos div,
.tabs_wrapper .press  div{
float:left;
width:100%;
margin:0 0 10px 0
}
.lightbox_wrapper{
width:100%
}
}
