@font-face {
font-family: "titleFont";
src: url(https://www.emeshtlv.co.il/wp-content/themes/emesh/assets/css/fonts/Perfetto.otf);
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
outline: none;
-webkit-appearance: none !important;
}
button {
-webkit-appearance: none !important;
}
body {
background: black;
color: white;
overflow-x: hidden;
}
.mobile-body-scroll {
overflow-y: hidden;
height: 100vh;
position: fixed;
}
img {
margin-left: auto;
margin-right: auto;
max-width: 100%;
object-fit: contain;
}
.stripe1 {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/Emesh_Assets-01.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
height: 100vh;
width: 100vw;
}
.header { 
font-family: 'Heebo', sans-serif;
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: fixed;
width: 100vw;
height: auto;
z-index: +10;
top: 0;
transition: 0.4s;
}
.mobile-header {
font-family: 'Heebo', sans-serif;
margin-top: 20;
padding-top: 5%;
display: flex;
flex-direction: column;
align-items: center;
height: 100vh;
width: 100vw;
background-color: rgb(67, 34, 66);
position: relative;
z-index: 99999999999;
}
.logo {
width: 140px;
height: 46px;
margin-left: 100px;
}
.burger-menu {
display: none;
}
.logo > img {
width: 100%;
height: 100%;
}
.navBar {
margin-right: 77px;
align-items: center;
width: auto;
justify-content: space-between;
display: flex;
flex-direction: row;
}
.navBar span {
margin: 0 5px;
}
.navBar .navDot:last-child {
display: none;
}
.eventType .navDot:last-child {
display: none;
}
.mobile-navBar {
align-items: center;
display: flex;
flex-direction: column-reverse;
margin-top: 40%;
font-size: 28px;
}
.mobile-navBar .navDot:last-child {
display: none;
}
.navBar > span > a {
text-decoration: none;
transition: 0.3s;
cursor: pointer;
}
.socialAndLng {
align-items: center;
display: flex;
flex-direction: row;
margin-right: 100px;
width: 65px;
justify-content: space-between;
font-family: 'Merriweather', serif;
}
#lng {
font-family: 'heebo', serif;
}
a {
color: white;
text-decoration: none;
}
.title {
position: absolute;
top: 60vh;
left: 50vw;
transform: translate(-50%, -50%); }
.title > img {
width: 55vw;
height: auto;
}
.mobile-title {
display: none;
}
.threeDots {
position: absolute;
top: 75vh;
left: 50vw;
transform: translate(-50%, -50%);
}
.threeDots > img {
width: 2vw;
height: auto;
}
.bottomButtons {
width: 98%;
position: absolute;
top: 90vh;
align-items: flex-end;
display: flex;
justify-content: space-between;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
display: none !important;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #EB7080 !important;
width: 20% !important;
margin-left: auto !important;
margin-right: auto !important;
direction: rtl;
}
.bottomButtons-hide {
display: none;
}
.bottomButtons > button {
color: white;
border: 1px solid #EB7080;
background: #EB7080;
margin-left: 30px; padding: 4px 15px;
font-size: 19px;
font-family: 'Heebo', sans-serif;
transition: 0.4s;
position: fixed;
z-index: 1;
}
.bottomButtons > button:hover {
background-color: rgba(235, 112, 129, 0.747);
color: black;
cursor: pointer;
}
.videoButtons {
margin-right: 30px;
display: none;
}
.pause {
margin-right: 10px;
width: 13px;
}
.sound {
width: 10px;
}
.stripe2 {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/Emesh_Assets-04.png);
background-size: cover;
background-repeat: no-repeat;
height: auto;
width: 100vw;
}
.rene {
color: black;
font-family: 'Heebo', sans-serif;
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/rene.png);
background-repeat: no-repeat;
background-size: cover; width: 100vw;
height: 90vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 20px;
}
.rene > h1 {
font-family: titleFont;
font-size: 75px;
font-weight: 100;
}
.rene > p {
width: 38vw;
font-size: 100%;
text-align: center;
}
.rene > a {
color: #EB7080;
font-size: 26px;
text-decoration: none;
margin-bottom: 30px;
}
.rene > a:hover {
font-weight: bold;
}
.stripe3 {
width: 100vw;
height: 170%;
display: flex;
flex-direction: row; 
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/generalBG.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.stripe3 > div {
width: 50vw;
height: 100%;
display: flex;
flex-direction: column;
}
.leftCards {
margin-right: 5px;
}
.rightCards {
margin-left: 5px;
}
.leftCards > div, .rightCards > div {
height: 50%;
background-size: cover;
background-repeat: no-repeat;   
}
.card1 > h1,.card2 > h1,.card3 > h1,.card4 > h1 {
font-family: titleFont;
font-weight: 100;
font-size: 97px;
text-align: center;
margin-top: 55%;
margin-bottom: 20px;
}
.card1 > p,.card2 > p,.card3 > p,.card4 > p {
font-family: 'Heebo', sans-serif;
font-size: 17px;
text-align: center;
}
.card1, .card3 {
margin-bottom: 5px;
position: relative;
}
.card1_hover, .card2_hover, .card3_hover, .card4_hover {
position: absolute;
opacity: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
visibility: hidden;
justify-content: space-evenly;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
transition: 0.5s;
}
.card1_hover > h1, .card2_hover > h1, .card3_hover > h1, .card4_hover > h1{
font-family: titleFont;
font-weight: 100;
font-size: 100px;
margin-top: 18%;
}
.card2, .card4 {
margin-top: 5px;
position: relative;
}
.card1_hover:hover, .card2_hover:hover, .card3_hover:hover, .card4_hover:hover {
cursor: pointer;
}
.card-hover-text {
font-size: 19px;
font-family: 'Heebo', sans-serif;
padding-bottom: 40px;
width: 100%;
padding: 0 60px;
}
.stripe4 {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/generalBG.jpg);
background-size: cover;
background-repeat: no-repeat; 
position: relative;
font-family: 'Merriweather', serif;
font-weight: bold;
padding-top: 50px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
color:black;
}
#sb_instagram .sbi_follow_btn a {
background-color: #432242 !important;
font-family: 'Heebo', sans-serif !important;    
}
.instagram {
margin-top: 3%;
align-items: center;
}
.instagram > a > h1 {
text-align: center;
font-weight: bold;
margin-top: -35px;
margin-bottom: 30px;
color: black;
}
.instagram > img {
display: block;
margin-left: auto;
margin-right: auto;
width: 30%;
}
.instagram-feed {
width: 90%;
}
.flower {
position: absolute;
left: 26vw;
top: 72px;
opacity: 0.8;
width: 17vw;
z-index: 998;
}
.mobile {
display: none;
}
#mobile {
display: none;
}
#mobileText {
display: none;
}
td {
height: 15px;
width: 30%;
}
.nineCards {
width: 80vw;
}
.cardImg {
width: 97.2%;
margin: 5px;
}
.footer {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/Emesh_Assets-18.png);
background-size: cover;
background-repeat: no-repeat;
font-family: 'Heebo', sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
width: 100%;
height: 33vh;
z-index: 2;
}
footer .footer-conatiner {
padding: 35px 150px;
height: 85%;
margin-top: 20px;
}
.topFooter {
height: 85%;
position: relative;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.footerLogo {
width: 15%;
}
.footerLogo img {
height: 45%;
}
.footerNavbar {
align-items: center;
width: 49%;
justify-content: space-evenly;
display: flex;
flex-direction: row;
} 
.footerNavbar > span > a {
text-decoration: none;
transition: 0.3s;
padding: 0px 6px 0 0;
}
.socialFooter {
font-family: 'Heebo', sans-serif;
font-weight: 300;
display: flex;
flex-direction: column;
justify-content: center;
}
.socialogo {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-bottom: 2px;
}
.socialogo > a > img {
width: auto;
height: 20px;
margin-left: 30px;
}
.mobile-message {
display: none;
}
.bottomFooter {
width: 100%;
padding: 15px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 13px;
}
.bottomFooter > span > a > img {
width: 70%;
}
.credit-hide {
display: none;
}
.hide { 
display: none;
}
.active-menu { 
display: none;
}
.topPage {
background-color: white;
margin-top: -20px;
height: 55vh;
width: 100vw;
font-family: titleFont;
color: white;
text-align: center;
}
.topPage > div {
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.topPage > div > h1 {
font-weight: 100;
font-size: 153px;
margin-top: 50px;
margin-bottom: -20px;
}
.whoWeAreTopBG {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/who_are_we.jpg); 
}
.menuTopBG {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/menus.jpg);
}
.eventTopPage {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/events.jpg);
}
.contactTopPage {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/contact_us.jpg);
}
.contactTop-content p.tel-mobile {
display: none;
}
.midPage {
font-family: 'Heebo', sans-serif;
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/generalBG.jpg);
background-size: cover;
background-repeat: no-repeat;
color: black;
display: flex;
flex-direction: column;
text-align: center;
} .wpcf7-response-output.inactive {
display: none !important; 
}
.success-popup {
font-size: 20px;
text-align: center;
min-width: 300px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 10px 30px;
max-width: 100%;
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/generalBG.jpg);
z-index: 9999999999;
opacity: 0;
border: 2px solid #EB7080;
pointer-events: none;
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
} .close-btn {
margin-left: calc(100% - 24px);
margin-bottom: 20px;
}
.close-btn img {
cursor: pointer;
}
.success-popup.active {
opacity: 1;
pointer-events: all;
}
.success-popup p {
font-family: 'Heebo', sans-serif;
color: black;
direction: rtl;
}
.success-popup p.english {
direction: ltr;
}
.success-popup-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 9999998;
pointer-events: none;
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
opacity: 0; 
}
.success-popup-overlay.active {
opacity: 1;
pointer-events: all;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok.hide {
visibility: hidden;
}
.slick-slide .slick-current .slick-active {
width: 427px !important;
}
.layer1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
margin-top: 30px;
padding: 0 150px;
}
.statue {
display: none;
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/img_4.png);
background-size: 500px;
background-repeat: no-repeat;
width: 388px;
height: 730px;
position: absolute;
right: 4px;
top: 80px;
z-index: 0;
}
.statue-desk {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/img_4.png);
background-size: 500px;
background-repeat: no-repeat;
width: 388px;
height: 730px;
position: absolute;
right: 4px;
top: 80px;
z-index: 0;
}
.contactStatue {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/contact_us_img.png);
background-size: 500px;
background-repeat: no-repeat;
width: 420px;
height: 730px;
position: absolute;
right: 4px;
top: 5%;
z-index: 0;
}
.layer1 > p {
font-size: 15px; text-align: center;
width: 65%;
z-index: 1;
}
.layer2 {
position: relative;
width: 100vw;
margin-top: 20px;
padding-top: 40px;
display: flex;
flex-direction: column; align-items: center;
}
.circle {
background-color: rgba(235, 112, 129, .5);
border-radius: 50%;
height: 260px;
width: 260px;
position: absolute;
left: 18%;
top: -22px;
z-index: 1;
}
.threeDotsPink {
height: 40px;
width: 40px;
}
.threeDotsPink > img {
width: 100%;
height: 100%;
}
.menuType {
margin-top: 50px;
font-size: 27px;
font-family: 'Merriweather', serif; align-items: center;
width: 25%;
justify-content: space-between;
display: flex;
flex-direction: row;
}
.menuType > div > img {
display: flex;
justify-content: center;
}
.menuType > span {
text-decoration: none;
cursor: pointer;
color: black;
}
.menuType > span.active {
font-weight: bold;
font-size: 35px;
}
.menuType > span:hover {
font-weight: bold;
font-size: 35px;
}
.menuLayer2 {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.text {
margin-top: 50px;
padding-bottom: 50px;
display: none;
}
.first, .sec, .third {
width: 70%;
justify-content: center;
}
.sec, .third {
display: none;
}
.circle2 {
background-color: rgba(235, 112, 129, 0.507);
border-radius: 50%;
height: 270px;
width: 270px;
position: absolute;
right: -4vw;
top: 3vw;
z-index: 7;
}
.menuPic {   width: 80vw; }
.menuPic > img {
width: 80%;
height: auto;
margin-bottom: 15px;
margin-top: 35px;
}
.dine-d-menu {
display: block;
}
.party-d-menu {
display: none;
}
.chill-d-menu {
display: none;
}
.menu3points {
height: 40px;
width: 40px;
left: 49.2vw;
}
.menu3points > img {
width: 100%;
height: 100%;
margin-top: 30%;
}
.menuStatue {
position: absolute;
pointer-events: none;
right: 50vw;
bottom: -9%;
width: 1000px;
z-index: 999;
}
.slick-list.draggable {
height: 100%;
}
.gallery-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gallery-container .slide-item .slide-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.slider-nav-container {
margin: 30px auto;
}
.slider-nav-container:hover {
cursor: pointer;
}
.slider-for{
width: 650px;
height: 480px;
margin: 30px auto 1px;
}
.slider-nav{
width: 90vw;
}
.slick-arrow{
z-index: 50;
}
.slider-nav-container .slick-prev:before, .slider-nav-container .slick-next:before {
color: #EB7080 !important;
}
.event-slider-container .slick-prev:before, .event-slider-container .slick-next:before {
color: black;
}
.event-slider-container .slick-prev {
position: absolute;
left: -8%;
top: 28vh;
}
.event-slider-container .slick-next {
position: absolute;
right: -8%;
top: 28vh;
}
.slider-nav-container .slick-prev {
position: absolute;
left: 21%;
top: -39vh;
}
.slider-nav-container .slick-next {
position: absolute;
right: 21%;
top: -39vh;
}
.item {
margin: 7px;
height: 120px !important;
}
.eventType {
margin-top: 70px;
font-size: 22px;
font-family: 'heebo', serif;
align-items: center;
width: 40%;
justify-content: space-between;
display: flex;
flex-direction: row;
}
.eventType > div > img {
display: flex;
justify-content: center;
}
.eventType > span {
text-decoration: none;
cursor: pointer;
color: black;
display: flex;
}
.eventType > span.active {
font-weight: bold;
}
.eventType > span:hover {
font-weight: bold;
}
.eventCircle {
height: 200px;
width: 200px;
position: absolute;
left: -4vw;
top: -7vw;
z-index: 7;
}
.disactive-desktop-menu {
visibility: hidden;
opacity: 0;
pointer-events: none; margin-top: 150px;
}
.active-desktop-menu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.privateEvents {
height: 100%;
width: 100%;
position: absolute;
}
.businessEvents {
height: 100%;
width: 100%;
position: absolute;
}
.weddings {
height: 100%;
width: 100%;
}
.eventContainer {
width: 68%;
display: flex;
justify-content: space-evenly;
margin-top: 190px;
margin-left: auto;
margin-right: auto;
}
.wedding-eventContainer {
width: 68%;
display: flex;
justify-content: space-evenly;
margin: 50px auto;
}
.event-slider-container {
width: 40%;
}
.eventStatue {
position: absolute;
right: -6vw;
bottom: -93vh;
z-index: 999;
width: 300px;
height: 500px;
pointer-events: none;
overflow: hidden;
}
.eventStatue > img {
width: 80%;
}
.event-text-and-button {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
font-size: 14px;
} 
.event-text-and-button-mobile {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
font-size: 14px;
} 
.event-text-and-button > p {
text-align: center;
width: 60%;
margin-right: 10%;
}
.event-text-and-button-mobile > p {
text-align: center;
width: 60%;
margin-right: 10%;
}
.event-text-and-button > a {
margin-right: 10%;
margin-bottom: 6%;
}
.talk-to-us {
color: white;
border: none;
margin-right: 10%;
margin-bottom: 6%;
background-color: #EB7080;
width: 150px;
height: 40px;
font-size: 19px;
font-family: 'Heebo', sans-serif;
transition: 0.4s;
}
.talk-to-us:hover {
cursor: pointer;
border: 1px solid #EB7080;
background-color: rgb(0, 0, 0, 0);
color: #EB7080;
}
.contactTopPage {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contactTopPage .contactTop-content p {
font-family: 'Heebo', sans-serif;
font-weight: 500;
letter-spacing: 1.3px;
font-size: 12px;
}
.messenger {
width: 10%;
}
.messenger-container { flex-direction: row;
direction: rtl;
}
.messenger-container > p {
font-family: 'Heebo', sans-serif;
font-weight: 500;
letter-spacing: 1.3px;
font-size: 12px;
}
.contact-mid-page {
font-family: 'Heebo', sans-serif;
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/generalBG.jpg);
background-size: cover;
background-repeat: no-repeat;
font-size: 14px;
color: black;
display: flex;
flex-direction: column;
text-align: center;
}
.contact-text-container {
width: 100%;
display: flex;
justify-content: center;
margin: 30px auto;
}
.contact-text-container > p {
width: 55%;
}
.contact-mid-page > p {
margin-top: 30px;
padding-bottom: 30px;
}
.form {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
font-family: 'Heebo', sans-serif;
font-weight: 500;
margin-bottom: 30px;
}
.form > div {
direction: rtl;
}
.left-side textarea {
font-family: 'Heebo', sans-serif;
font-weight: 500;
font-size: 16px;
height: 260px;
padding: 5px;
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
resize: unset;
width: 95%;
}
.right-side textarea {
font-family: 'Heebo', sans-serif;
font-weight: 500;
font-size: 16px;
height: 260px;
padding: 5px;
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
resize: unset;
width: 70%;
}
.right-side {
margin-left: -100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 30%;
margin: 10px 30px;
}
.left-side-en {
margin-left: -100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 30%;
margin: 10px 30px;
}
.left-side {
width: 30%;
margin: 10px 30px;
}
.right-side {
width: 30%;
margin: 10px 30px;
}
.mobile-massage {
display: none;
}
.right-side input {
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
font-family: 'Heebo', sans-serif;
font-weight: 500;
font-size: 16px;
padding: 5px;
width: 300px;
height: 50px;
}
.left-side-en input {
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
font-family: 'Heebo', sans-serif;
font-weight: 500;
font-size: 16px;
padding: 5px;
text-align: left;
width: 300px;
height: 50px;
}
.left-side input::placeholder {
text-align: center;
}
.left-side-en input::placeholder {
text-align: center;
}
.contact-drop {
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
font-family: 'Heebo', sans-serif;
font-weight: 500;
font-size: 16px;
padding: 5px;
width: 300px;
height: 50px;
}
.message {
width: 40vw;
height: 250px;
}
#drop {
text-align-last: center;
color: rgb(0, 0, 0, 0.6);
}
.right-side input::-webkit-input-placeholder {
text-align: center;
}
.right-side input:-moz-placeholder { text-align: center;  
}
.right-side input::-moz-placeholder { text-align: center;  
}
.left-side textarea::-webkit-input-placeholder {
text-align: right;
}
.left-side textarea:-moz-placeholder { text-align: right;  
}
.left-side textarea::-moz-placeholder { text-align: right;  
}
.submit input {
color: white;
border: none;
margin-left: 11%;
background-color: #EB7080;
width: 150px;
height: 40px;
font-size: 19px;
font-family: 'Heebo', sans-serif;
transition: 0.4s;
}
.submit input:hover {
cursor: pointer;
border: 1px solid #EB7080;
background-color: rgb(0, 0, 0, 0);
color: #EB7080;
}
.submit {
width: 100%;
display: flex;
justify-content: flex-start;
padding-left: 9%;
margin-bottom: 30px;
}
.submit-en input {
color: white;
border: none;
margin-left: 68.4%;
background-color: #EB7080;
width: 150px;
height: 40px;
font-size: 19px;
font-family: 'Heebo', sans-serif;
transition: 0.4s;
}
.submit-en input:hover {
cursor: pointer;
border: 1px solid #EB7080;
background-color: rgb(0, 0, 0, 0);
color: #EB7080;
}
.submit-en {
width: 100%;
display: flex;
justify-content: flex-start;
padding-left: 9%;
margin-bottom: 30px;
} *{
margin:0px;
padding:0px;
}
.b-p {
width: 40px; position:absolute;   cursor:pointer;
}
.b {
width: 100%;
height:4px;
background:#f3f3f3;
position:absolute;
top:50%; }
.b:before {
content:"";
position:absolute;
top:-10px;
width:100%;
height:inherit;
background:inherit;
}
.b:after {
content:"";
position:absolute;
top:10px;
width:100%;
height:inherit;
background:inherit;
}
.b,.b:after,.b:before {
transition:all 0.3s;
}
.active:after {
width:45%;
transform:rotate(40deg) translate(-8px,0px);
}
.active:before {
width:45%;
transform:rotate(-40deg) translate(-8px,0px);
}
.mobile-logo {
display: none;
}
.mobile-menu-footer-hide {
display: none;
}
.mobile-menu-footer {
font-family: 'Heebo', sans-serif;
font-weight: 300;
padding-left: 15px;
width: 95%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 60px;  }
.wrote-aboutus-text a{
color: #ec818d;
}
@media only screen and (max-width: 370px) {
.flower {
top: 72px;
}
.bottomButtons > button {
margin-left: 20px;
}
.card2_hover > h1 { 
font-size: 80px;
}
}
@media only screen and (max-width: 600px) {
.mobile {
display: block;
}
.logo {
margin-left: 0;
margin-top: 10px;
padding-left: 5.2%;
}
.navBar {
display: none;
}
.socialAndLng {
display: none;
}
.burger-menu {
display: block; right: 50px;
width: 60px;
}
.burger-menu-pressed {
display: block;
right: 50px;
width: 60px;
margin-left: auto;
margin-top: -40px;
}
.stripe1 {
background-attachment: scroll;
background-position: center top;
}
.title {
display: none;
}
.mobile-title {
display: block;
position: absolute;
display: flex
}
.mobile-title > img {
width: 85%;
}
.rene {
background-position: bottom;
background-size: contain;
height: auto;
padding-top: 10px;
}
.rene > h1 {
font-size: 90px;
}
.rene > p {
width: 82vw;
font-size: 100%;
text-align: center;
}
.rene > a {
margin-bottom: 25%;
}
.bottomButtons {
width: 100%;
position: fixed;
bottom: 25px;
top: 85vh;
}
.stripe3 {
display: block;
}
.stripe3 > div {
width: 100vw;
height: 400px;
display: flex;
flex-direction: column;
margin: 0;
}
.card-hover-text {
font-size: 14px;
}
.leftCards > div, .rightCards > div {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.leftCards > div > h1, .rightCards > div > h1 {
margin-top: 0;
width: 80%;
line-height: 0.6;
}
.bottomButtons > button {
border: 2px solid #EB7080;
position: absolute;
bottom: 0;
}
.threeDots {
top: 80vh;
left: 52vw;
}
.threeDots > img {
width: 8vw;
}
div.wpcf7-mail-sent-ok {
width: 55% !important;
}
.submit input:hover {
background-color: #EB7080;
color: white;
}
.nineCards {
width: 95vw;
margin-left: 1.5%;
margin-bottom: 3%;
margin-top: 27%;
}
.cardImg {
margin: 0;
width: 96.5%;
}
.stripe4 {
padding-top: 0;
}
.flower {
left: 6vw;
margin-right: 40%;
margin-bottom: -24px;
top: 65px;
opacity: 0.8;
width: 36vw;
z-index: 1;
}
.instagram {
margin-top: 0;
z-index: 2;
}
.card-hover-text {
margin-bottom: 70px;
padding: 0 20px;
}
.instagram-feed { }
.instagram > h1 {
position: relative;
margin-top: -35px;
margin-bottom: -70px;
z-index: 999;
}
.footer {
height: 28vh;
}
.footerNavbar {
display: none;
}
.footerLogo img {
display: none;
}
.socialFooter {
font-size: 19px;
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
}
footer .footer-conatiner {
padding: 10px;
height: 85%;
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.topFooter {
height: 40%;
width: 80%;
align-items: center;
justify-content: center;
}
.footerLogo{
width: 0;
}
.bottomFooter {
flex-direction: column;
justify-content: center; 
}
.bottomFooter > :nth-child(2) {
font-size: 17px;
}
.bottomFooter > :nth-child(1) { display: none;
}
.bottomFooter > span > a > img {
width: 30%;
}
.credit-hide {
display: flex;
width: 100%;
}
.credit-hide > a {
display: flex;
width: 100%;
}
.socialogo {
margin-bottom: 0;
padding-right: 15px;
}
.socialogo > a > img {
margin-right: 15px;
margin-left: 0;
}
.topPage > div {
background-position: center;
background-attachment: scroll;
background-size: cover;
}
.topPage {
background-color: white;
margin-top: 0;
height: 40vh;
}
.topPage > div > h1 {
font-size: 90px;
margin-top: 0;
}
.statue {
display: block;
background-size: 300px;
width: 210px;
height: 330px;
top: -90px;
right: 0;
z-index: 1;
}
.statue-desk {
display: none;
}
.contactStatue {
display: none;
}
.layer1 > p {
font-size: 16px; width: 90%;
}
.layer1 {
padding: 0;
}
.threeDotsPink {
height: 50px;
width: 50px;
margin-top: 30px;
}
.circle {
height: 155px;
width: 155px;
left: -7%;
top: 40px;
}
.gallery-container {
margin-top: 30%;
width: 100%;
}
.slider-nav-container {
margin: 5%;
margin-bottom: -15px;
}
.slider-nav-container .slick-prev {
left: -10px;
top: -22vh;
}
.slider-nav-container .slick-next {
right: -10px;
top: -22vh;
}
.slick-track {
margin-bottom: -60px;
}
.layer2 {
margin-top: 0px;
padding-top: 0px;
}
.slider-for {
height: 310px;
width: 100%;
}
#mobileText {
display: flex;
}
#desktop {
display: none;
}
.eventType {
margin-top: 18px;
margin-left: 0;
font-size: 17px;
width: 95%;
justify-content: space-between;
display: flex;
flex-direction: row;
}
.contact-text-container > p {
width: 100%;
}
.wedding-eventContainer {
flex-direction: column;
}
.eventCircle {
display: none;
}
.eventStatue {
display: none;
}
.slider-container {
width: 100%;
}
.eventContainer {
display: block;
width: 100%;
margin-top: 270px;
}
.event-slider-container {
width: 100%;
}
.event-text-and-button > p {
text-align: center;
width: 90%;
margin-right: 0;
}
.wedding-eventContainer {
width: 100%;
}
.event-text-and-button {
margin-top: 40px;
display: flex;
align-items: center; margin-bottom: -20px;
font-size: 16px;
padding-right: 0;
}
.disactive-desktop-menu {
margin-top: 0;
}
.event-text-and-button > a {
margin-right: 0;
margin-bottom: 0;
}
.talk-to-us {
margin: 0;
width: 260px;
-webkit-appearance: none;
}
.talk-to-us:hover {
border: none;
background-color: #EB7080;
color: white;
}
.talk-to-us:hover {
}
.event-slider-container .slick-prev:before, .event-slider-container .slick-next:before {
display: none;
}
.event-slider-container .slick-next {
right: 0;
}
.menu3points > img {
margin-top: 40%;
}
.circle2 {
display: none;
}
.menuType {
margin-top: 18px;
margin-left: 0;
font-size: 17px;
width: 80%;
justify-content: space-evenly;
display: flex;
flex-direction: row;
}
.text {
width: 95%;
margin-top: 30px;
font-size: 13px;
}
#menuText {
width: 100%;
}
.menuPic {
display: none;
}
.active-menu { 
display: block;
}
.mobile-menu-pic {
width: 90vw;
margin-bottom: 5px;
margin-top: 35px;
}
.mobile-menu-pic > img {
margin-bottom: 10px;
}
.first, .sec, .third {
width: 90%;
justify-content: center;
}
.first {
display: flex;
}
.text {
padding-bottom: 20px;
}
.contactTopPage .tel {
display: none;
}
.contactTopPage .tel-mobile {
display: block;
}
.contactTopPage .contactTop-content {
color: black;
position: absolute;
top: 45%;
}
.contactTopPage .contactTop-content p, .contactTopPage .contactTop-content a {
font-size: 17px;
color: black;
}
.contactTopPage .contactTop-content p.subtitle {
font-weight: bold;
}
.contact-mid-page {
padding-top: 16%;
}
.contact-mid-page > div > p {
margin-top: 25px;
padding: 30px;
font-size: 17px;
}
.left-side {
display: none;
}
.left-side-en {
display: flex;
}
.right-side {
margin: 0;
}
form > .submit > button {
margin: 0;
}
.submit {
justify-content: center;
padding-left: 0;
}
form > .submit-en > button {
margin: 0;
}
.submit-en {
justify-content: center;
padding-left: 0;
padding-top: 35px;
}
.right-side > input {
margin-bottom: 10px;
}
.mobile-message {
display: block;
}
.form {
flex-direction: column;
align-items: center;
}
.ajax-loader {
display: none !important;
}
.submit input {
margin-left: 0;
width: 70%;
}
.submit-en input {
margin-left: 0;
width: 70%;
}
.wpcf7-form-control-wrap > textarea {
width: 300px;
margin-top: 9%;
font-size: 16px;
font-family: 'Heebo', sans-serif;
font-weight: 500;
padding: 5px;
border: 1px solid black;
background-color: rgba(0, 0, 0, 0);
resize: unset;
}
.message {
width: 300px;
height: 250px;
}
}
.customers-popup {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 99999999999;
left: 0;
top: 0;
background: rgba(0,0,0, .85);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .4s;
}
.customers-popup.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.customers-popup .customer-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.customers-popup .customer-container .customer-form br {
display: none;
}
.customers-popup .customer-container .customer-form form > p {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-bottom: 65px;
position: relative;
}
.customers-popup .customer-container .customer-form form > p > span {
width: 48%;
}
.customers-popup .customer-container .customer-form form > p > span.agree {
width: 100%;
}
.customers-popup .customer-container .customer-form form > p > span.agree span {
width: 100%;
color: #000;
}
.customers-popup .customer-container .customer-form form > p > span.agree span.first.last {
display: flex;
}
.customers-popup .customer-container .customer-form form > p > span > span[role="alert"] {
position: absolute;
bottom: 0;
right: 0;
color: red;
}
.customers-popup .customer-container .customer-form form > p > span.agree > span[role="alert"] {
bottom: -20px;
}
.customers-popup .customer-container .customer-form.en form > p > span > span[role="alert"] {
right: unset;
left: 0;
}
.customers-popup .customer-container .customer-form input:not([type="submit"]):not([type="checkbox"]) {
height: 45px;
text-align: center;
background: transparent;
color: #000;
margin-bottom: 20px;
border: 1px solid #000;
font-size: 16px;
width: 100%; }
.customers-popup .customer-container .customer-form input:not([type="submit"])::placeholder {
color: #000;
opacity: 1;
}
.customers-popup .customer-container .customer-form input:not([type="submit"]):placeholder-shown {
color: #000;
opacity: 1;
}
.customers-popup .customer-container .customer-form input:not([type="submit"])::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
.customers-popup .customer-container .customer-form label {
width: 100%;
text-align: right;
color: #000;
display: flex;
align-items: flex-start;
}
.customers-popup .customer-container .customer-form.en label {
text-align: left;
}
.customers-popup .customer-container .customer-form {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/customer/backroud.png);
background-position: center;
padding: 80px;
}
.customers-popup .customer-container .customer-form h1 {
color: #000;
text-align: center;
margin-bottom: 25px;
font-size: 32px;
}
.customers-popup .customer-container .customer-form h1.en {
font-family: "titleFont";
font-size: 75px;
}
.customers-popup .customer-container .customer-form input[type="submit"] {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
background: #ec818d;
border: 2px solid #ec818d;
width: 180px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
transition: all .5s;
}
.customers-popup .customer-container .customer-form input[type="checkbox"] {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
margin-left: 5px;
position: relative;
top: 5px;
border: 1px solid #000;
}
.customers-popup .customer-container .customer-form.en input[type="checkbox"] {
margin-left: 0;
margin-right: 5px;
}
.customers-popup .customer-container .customer-form input[type="checkbox"]:checked {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/customer/v.svg);
background-color: transparent;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-webkit-appearance: none !important;
}
.customers-popup .customer-container .customer-form .ajax-loader {
background-repeat: no-repeat;
position: absolute;
bottom: -40px;
left: 50%;
}
.customers-popup .customer-container .customer-form::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 180px;
border-radius: 50%;
background: #ec818da6;
transform: translate(-50%, -50%);
pointer-events: none;
} .customers-popup .customer-container .customer-form img.head {
position: absolute;
z-index: 1;
left: 100%;
top: 0;
transform: translateX(-50%);
height: 150px;
}
.customers-popup .customer-container .customer-form .close-popup {
position: absolute;
color: #000;
font-weight: bold;
z-index: 1;
left: 20px;
top: 20px;
font-size: 22px;
cursor: pointer;
}
.customers-popup .customer-container .customer-form * {
font-family: "Heebo", sans-serif;
direction: rtl;
}
.customers-popup .customer-container .customer-form.en * {
direction: ltr;
margin-left: 0;
}
.customers-popup .customer-container .customer-form input.text-to-date {
background-image: url(//www.emeshtlv.co.il/wp-content/themes/emesh/assets/img/customer/calender.svg) !important;
background-size: 20px !important;
background-position: 95% !important;
background-repeat: no-repeat !important;
} .customers-popup .customer-container .customer-form input[type="date"]::-webkit-inner-spin-button {
display: none;
}
.customers-popup .customer-container .customer-form input[type="date"]::-webkit-calendar-picker-indicator {
display: block;
}
.hnewmenu li {
display: inline-block;
position: relative;
}
.hnewmenu span.navDot {
display: block !important;
}
.submenuweb li {
display: block;
transition-duration: 0.5s;
}
.navBar li:hover {
cursor: pointer;
}
.navBar ul li ul {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
left: 0;
display: none;
}
.navBar ul li:hover > ul, .navBar ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
width: 240px;
background-color: #000;
}
.navBar ul li ul li {
clear: both;
width: 100%;
} .eventType{
display: none;
}
@media screen and (max-width: 768px) {
.customers-popup .customer-container .customer-form {
padding: 35px;
}
.customers-popup .customer-container {
width: 80vw;
}
.customers-popup .customer-container .customer-form form > p > span {
width: 100%;
}
.customers-popup .customer-container .customer-form input:not([type="submit"]):not([type="checkbox"]) {
margin-bottom: 10px;
height: 30px;
}
.customers-popup .customer-container .customer-form img.head {
height: 80px;
left: 50%;
}
.customers-popup .customer-container .customer-form::after {
left: 100%;
height: 100px;
width: 100px;
}
.customers-popup .customer-container .customer-form h1 {
font-size: 18px;
margin-bottom: 5px;
margin-top: 50px;
}
.customers-popup .customer-container .customer-form h1.en {
font-size: 50px;
}
.customers-popup .customer-container .customer-form label {
font-size: 10px;
}
.customers-popup .customer-container .customer-form input[type="submit"] {
height: 30px;
}
.customers-popup .customer-container .customer-form form > p {
padding-bottom: 45px;
}
.customers-popup .customer-container .customer-form input[type="checkbox"] {
top: 4px;
}
.customers-popup .customer-container .customer-form input {
border-radius: 0;
}
.customers-popup .customer-container .customer-form div[role="alert"] {
font-size: 14px;
padding: 20px;
width: 70%;
}
.customers-popup .customer-container .customer-form form > p > span > span[role="alert"] {
position: unset;
}
}
@media screen and (min-width: 768px) {
.customers-popup .customer-container .customer-form input[type="submit"]:hover {
color: #ec818d;
background: #fff;
}
}
@media screen and (max-width: 767px) {
.hnewmenu li {
width: 92%;
}
.hnewmenu li:nth-child(even){
float: left;
width: 2%;
margin: 0px 10px 0;
}
}
@media (max-width:1286px) and (min-width:768px) {
.navBar {
margin-right : 10px;
}   
}