span.wpcf7-form-control-wrap {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}
span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
position: absolute;
bottom: 100%;
background: #f00;
border-radius: 5px;
color: #fff;
padding: 8px 15px;
font-size: 16px;
white-space: nowrap;
left: 5%;
animation: formerror 400ms;
}
span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip.tip_out {
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
opacity: 0;
transform: translate3d(0,100%,0);
}
span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip:after {
position: absolute;
content: '';
width: 0;
height: 0;
top:100%;
left: 10%;
border-left: 0 solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #f00;
}
@keyframes formerror {
from {
opacity: 0;
bottom: 0;
}
to {
opacity: 1;
bottom: 100%;
}
} div.wpcf7 input, div.wpcf7 textarea, div.wpcf7 input[type=submit] {
font-family: almoni;
}
div.wpcf7 input,
div.wpcf7 textarea {
font-size: 20px;
width: calc(100% - 22px);
background: none;
border:1px solid #a01c2c;
padding: 8px 10px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
div.wpcf7 textarea { height: 188px; }
div.wpcf7 input[type=submit] {
display: block;
background:#a01c2c;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:0;
cursor: pointer;
width:100%;
-webkit-box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
transition: all .5s ease;
color: #fff;
font-size: 23px;
font-weight: bold;
letter-spacing: 1px;
padding: 6px 0px;
}
div.wpcf7 input[type=submit]:hover {
background: #000;
} div.wpcf7 .btn_sub {
position: relative;
display: inline-block;
vertical-align: bottom;
margin: 0 15px 4px 25px;
} @-webkit-keyframes bubbles {
0% {
-webkit-transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
opacity: 1; } }
@keyframes bubbles {
0% {
transform: scale(1);
opacity: 1; }
45% {
transform: scale(0.1);
opacity: 0.7; }
80% {
transform: scale(1);
opacity: 1;
}
} div.wpcf7 label {
width: 20%;
padding-left: 5%;
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 21px;
margin-bottom: 20px;
} div.wpcf7 label[for=your-message],
div.wpcf7 span.wpcf7-form-control-wrap.your-message {
vertical-align: top;
} div.wpcf7-response-output {
position: fixed;
margin: 0 !important;
border: none;
padding: 10px 15px;
bottom:-100%;
z-index:9999;
font-size:22px !important;
left:50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: all 1s ease;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
animation: form_msg_error 500ms;
bottom:0;
}
@keyframes form_msg_error {
from {
bottom:-100%;
}
to {
bottom:0;
}
}
div.wpcf7-mail-sent-ok {
background: #398f14;
}
div.wpcf7-validation-errors {
background: #f7e700;
}
.form_msg_error_out {
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
transform: translate3d(100%,0,0);
}
@keyframes form_msg_out {
from {
bottom: 0;
}
to {
bottom: -300px;
}
}
::-webkit-input-placeholder {
color: black;
font-family: Almoni;
}
:-moz-placeholder { color: black;
font-family: Almoni;
}
::-moz-placeholder { color: black;
font-family: Almoni;
}
:-ms-input-placeholder {
color: black;
font-family: Almoni;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder { color: transparent;
}
input:focus::-moz-placeholder { color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
@font-face{
font-family:'almoni';
font-weight:300; font-style: normal;
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-300.eot); 
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-300.eot?#iefix) format('embedded-opentype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-300.ttf) format('truetype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-300.woff) format('woff');
}
@font-face{
font-family:'almoni';
font-weight:400; font-style: normal;
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-400.eot); 
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-400.eot?#iefix) format('embedded-opentype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-400.ttf) format('truetype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-400.woff) format('woff');
}
@font-face{
font-family:'almoni';
font-weight:700; font-style: normal;
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-700.eot); 
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-700.eot?#iefix) format('embedded-opentype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-700.ttf) format('truetype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-700.woff) format('woff');
}
@font-face{
font-family:'almoni';
font-weight:900; font-style: normal;
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-900.eot); 
src: url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-900.eot?#iefix) format('embedded-opentype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-900.ttf) format('truetype'), 
url(//www.maornatan.co.il/wp-content/themes/maornatan/fonts/almoni/almoni-dl-aaa-900.woff) format('woff');
}
* {
margin: 0;
padding: 0;
}
html,
body {
font-family: Almoni;
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#content {
padding-top: 35px;
padding-bottom:70px;
transition: all .3s ease;
overflow: hidden;
}
header {
position: absolute;
top:0;
width:100%;
right:0;
left:0;
z-index: 9999;
background: rgba(255,255,255,0.9);
padding:20px 0;
}
header .inrowf {
align-items: center;
}
.logo a {
display:inline-block;
height: 100%;
width: 100%;
}
.container {
width:96%;
max-width:1920px;
margin:0 auto;
}
.scontainer {
width:96%;
max-width:1200px;
margin:0 auto;
}
.center {
text-align: center;
}
.relative {
position:relative;
}
.circlebox {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.clear {
clear: both;
}
.inrowf {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.inrow {
font-size:0;
}
div {
font-size:18px;
}
.col2 {
width:50%;
}
.inrowf .col2 {
width:calc(50% - 20px);
}
.col3 {
width:33.33%;
}
.inrowf .col3 {
width:calc(33.33% - 5px);
}
.col4 {
width:25%;
}
.inrowf .col4 {
width:calc(25% - 5px);
}
.col5 {
width:20%;
}
.inrowf .col5 {
width:calc(20% - 5px);
}
.col6 {
width:16%;
}
.col7 {
width:14%;
}
.col8 {
width:12%;
}
.col9 {
width:11%;
}
.col10 {
width:9%;
}
.inline {
vertical-align: top;
display: inline-block;
}
.inlinem {
vertical-align: middle;
display: inline-block;
}
.inlineb {
vertical-align: bottom;
display: inline-block;
}
.abscenter {
position: absolute;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.imgfix {
line-height: 0;
}
h1 ,
h2 ,
h3 {
font-weight: normal;
margin: 0 0 0 0;
}
p {
margin: 0 0 0 0;
}
a {
text-decoration:none;
color:inherit;
}
a:hover {
text-decoration:none;
}
ul {
margin: 0 0 0 0;
list-style:none;
}
#MobBtns {
display: none;
}
#MobNavBtn {
display: block;
width:46px;
height:45px;
background:transparent;
border:0;
border-right:0;
position: relative;
cursor: pointer;
}
#MobNavBtn:after ,
#MobNavBtn:before {
content: '\f0c9';
font-family: fontawesome;
position:absolute;
top:50%;
left:50%;
font-size:33px;
color:#000;
transform: translate(-50%,-50%);
transition: all .4s linear;
}
#MobNavBtn:after {
content: '\f0c9';
}
#MobNavBtn:before {
content: '\f00d';
opacity: 0;
visibility: hidden;
}
#MobNavBtn.active:after {
opacity: 0;
visibility: hidden;
}
#MobNavBtn.active:before {
opacity: 1;
visibility: visible;
}
.menu-main-menu-container {
font-size: 0;
}
nav.side-nav {
background: white;
display: block;
position: fixed;
height: auto;
width: 60%;
max-width: 400px;
z-index: 900;
bottom: 0;
right: 0;
height:100vh;
border-left: 1px solid white;
transition: all .5s ease;
transform: translateX(110%);
-webkit-box-shadow: -6px 0px 20px -9px rgba(0,0,0,0.5);
-moz-box-shadow: -6px 0px 20px -9px rgba(0,0,0,0.5);
box-shadow: -6px 0px 20px -9px rgba(0,0,0,0.5);
}
nav.side-nav.active {
transform: translateX(0);
}
nav.side-nav .container {
margin-top: 170px;
max-height: calc(100vh - 170px);
overflow-x: hidden;
overflow-y: auto;
}
nav.side-nav ul.menu {
margin-top: 10px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin-bottom: 40px;
}
nav.side-nav ul, nav.side-nav ul li, nav.side-nav ul li a {
display: block;
color: #000;
width: 100%;
font-size: 25px;
font-weight: 300;
margin: 0;
}
nav.side-nav ul li {
padding:0 !important;
margin:0 !important;
position: relative;
}
nav.side-nav ul.menu li a {
padding: 10px 100px 10px 0;
width: calc(100% - 100px);
position: relative;
}
nav.side-nav .menu li.current_page_item > a ,
nav.side-nav .menu li.current-menu-item > a ,
nav.side-nav .menu li:hover > a ,
nav.side-nav .menu li.active > a {
color:#a22030;
font-weight: 400;
}
nav.side-nav .menu li.active > a {
font-weight: 300;
}
nav.side-nav ul.menu li a:before {
position: absolute;
content: "";
height: 0;
width: 1px;
top: 50%;
transform: translate(10px, -50%);
background: #a22030;
transition: all .2s ease;
}
nav.side-nav .menu li.current_page_item > a:before ,
nav.side-nav .menu li.current-menu-item > a:before ,
nav.side-nav .menu li:hover > a:before {
height: 50%;
}
nav.side-nav ul li:after {
display:none;
}
.sub-menu {
width:calc(100% - 10px);
position:relative;;
top:100%;
opacity:0;
transition: opacity .5s ease;
margin-right: auto;
max-height: 0px;
}
.sub-menu li {
display:block;
}
.menu-item-has-children:before {
content: '';
position: absolute;
top:15px;
left:7%;
width:20px;
height: 20px;
background: url(//www.maornatan.co.il/wp-content/themes/maornatan/images/darrow.svg) center center no-repeat;
background-size: contain;
transition: all .5s ease;
}
.menu-item-has-children.active:before {
transform: rotate(-90deg);
}
.menu-item-has-children.active .sub-menu {
opacity:1;
z-index: 10;
max-height: 1000px;
}
.sub-menu li {
display:block;
}
.sub-menu li a {
font-size: 21px;
font-weight: 300;
padding: 5px 100px 5px 0 !important;
}
footer {
position:absolute;
bottom:64px;
left:0;
height:auto;
min-height:50px;
background: #fff;
width:100%;
border-top:4px solid #e1e1e1;
}
.ph_link {
white-space: nowrap;
}
#leos{
position:absolute;
bottom:0;
width:100%;
background-color:#000;
text-align:center;
overflow: hidden;
}
#leos img{
padding-top: 10px;
height:50px;
width:auto;
}
#leos a{
position:relative;
display: inline-block;
}
#leos span{
opacity:0;
position: absolute;
right: 0;
color: white;
font-size: 22px;
bottom: 10px;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transition:.3s;
}
#leos a:hover span{
right: -100px;
opacity:1;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.acf-map {
width: 100%;
height: 366px;
pointer-events:none;
}
.entry {
font-size:18px;
line-height:1.4;
color:#000;
}
.entry img {
max-width: 100%;
height: auto;
}
.entry ul {
margin:0 20px;
list-style: inherit;
}
.entry table {
border:1px solid #000;
}
.entry table td {
border:1px solid #000;
}
.entry table tr:nth-child(1) > td {
text-align:center;
background:#ccc;
}
div.wpcf7 img.ajax-loader {
display: none;
}
svg g ,
svg path { }
svg ,
img.svg { }
svg.replaced-svg {
opacity:1;
}
img.svg {
width:0;
height:0;
}
.bgimg {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.revslider h2 ,
.revslider h3 {
text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
}
.deftrans {
transition: all .5s ease;
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.socials {
margin-bottom:10px;
}
.socials a {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.socials a:hover {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.socials svg {
width: 30px;
height:30px;
}
.topphone {
text-align: justify;
font-size:25px;
}
.topphone a {
white-space: nowrap;
}
.cfblock .cfdm,
.cfblock .cfd.subj {
display: none;
}
.paddiv {
padding: 40px 0;
}
.about {
padding: 80px 0;
text-align: center;
}
.about .box {
padding: 20px 50px;
background: rgba(255, 255, 255, 0.75);
}
.about h1 {
font-size: 50px;
margin-bottom: 20px;
font-weight: bold;
}
.abtxt {
font-size:22px;
line-height: 1.3;
}
.about .abbtn {
margin-top:40px;
text-align: center;
}
.abbtn a {
display: inline-block;
padding: 7px 50px;
color:#fff;
background:#a01c2c;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
box-shadow: inset 0px -5px 17px -6px rgba(0,0,0,0.75);
white-space: nowrap;
}
.abbtn a .txt {
font-size:20px;
font-weight: bold;
letter-spacing: 1px;
}
.abbtn a:hover {
background: #000;
}
.abbtn svg {
height: 20px;
width:auto;
fill:#fff;
margin:0 5px;
}
.footimg {
max-width:25%;
}
.footimg img {
max-width: 100%;
height: auto;
}
footer .inrowf {
align-items: center;
}
.finf {
margin-bottom: 7px;
}
.finf svg {
height: 20px;
width:auto;
fill:#000;
}
.svgf {
transform: scaleX(-1);
}
.finf .txt {
font-size: 20px;
font-weight: bold;
}
footer h3 {
font-size: 20px;
font-weight: bold;
border-bottom:1px solid #000;
margin-bottom:10px;
display: inline-block;
}
.cfd {
margin-bottom: 20px;
width:calc(50% - 10px);
}
.cfblock .box {
max-width: 700px;
margin: 0 auto;
}
.cfblock h2,
.cfblock .big-title {
font-size:55px;
color:#212121;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
} .ubox {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding: 10px 0;
}
.ubox .rside,
.ubox .lside {
width:30%;
}
.ubox .cside {
width:calc(40% - 60px);
}
.mimg,
.onetab {
position: relative;
}
.onetab {
padding:10px;
width: calc(100% - 35px);
overflow: hidden;
}
.rside .onetab {
margin:0 auto 40px 0;
}
.lside .onetab {
margin:0 0 40px auto;
}
.mimg {
overflow: hidden;
height: 673.44px;
display: block;
transform: scale(1);
pointer-events: none;
}
.mimg img {
width: 100%;
height: auto;
min-height: 100%;
}
.onetab a {
display: flex;
align-items: center;
justify-content: space-between;
}
.onetab .ticon {
width: 20%;
}
.onetab .ttext {
width: calc(80% - 20px);
}
.rside .onetab .ttext {
text-align: left;
}
.onetab .ticon .iconbox {
position: relative;
height: 103.02px;
overflow: hidden;
}
.onetab .ticon .iconbox svg {
max-width: 80%;
max-height: 80%;
width: auto;
height: auto;
fill: #9f1b2b;
}
.onetab.gtab .ticon .iconbox svg {
fill: #0d5444;
}
.onetab .ticon .iconbox {
border:1px solid #9f1b2b;
}
.onetab.gtab .ticon .iconbox {
border:1px solid #0d5444;
}
.rside .onetab:last-child,
.rside .onetab:first-child {
left: -40px;
}
.lside .onetab:last-child,
.lside .onetab:first-child {
right: -40px;
}
.linkicon {
height: 25px;
width: auto;
margin: 0 10px 10px 10px;
}
.onetab.gtab {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.75);
}
.badge {
position: absolute;
top:0;
background: #9f1b2b;
padding: 2px 0;
color:#fff;
width: 100%;
text-align: center;
pointer-events: none;
}
.onetab.gtab .badge {
background: #0d5444;
}
.rside .badge {
transform:translate(44%,80%) rotate(45deg);
right: 0;
}
.lside .badge {
transform:translate(44%,80%) rotate(45deg);
left: 0;
}
.onetab h3,
.onetab .title,
.onetab h4,
.onetab .subtitle {
transition: all .5s ease;
}
.onetab h3,
.onetab .title {
font-size: 35px;
margin-bottom: 10px;
font-weight: bold;
}
.onetab.gtab h3,
.onetab.gtab .title {
color:#0d5444;
}
.onetab h4,
.onetab .subtitle {
font-size: 27px;
font-weight: 400;
}
.onetab a:hover .ticon .iconbox {
background: #9f1b2b;
}
.onetab a:hover h3,
.onetab a:hover .title,
.onetab a:hover h4,
.onetab a:hover .subtitle {
color:#9f1b2b;
}
.onetab.gtab a:hover .ticon .iconbox {
background: #0d5444;
}
.onetab a:hover .ticon .iconbox svg {
fill: #fff;
}
.onetab.gtab a:hover h3,
.onetab.gtab a:hover .title,
.onetab.gtab a:hover h4,
.onetab.gtab a:hover .subtitle {
color:#0d5444;
}
.tabsimg {
opacity: 0;
}
.oph {
opacity: 0;
}
.ops {
opacity: 1;
}
.menupage .entry {
height: 100%;
font-weight: bold;
font-size: 23px;
margin-bottom: 20px;
}
.menupage .post {
height: 100%;
}
.menupage .cont_wrap {
margin-bottom: 0;
max-height: calc(100% - 60px);
}
.menupage h3,
.menupage h4 {
color:#9f1c2c;
font-weight: bold;
}
.menupage h3 {
font-size: 27px;
}
.menupage h4 {
font-size: 23px;
margin-bottom: 5px;
}
.redtext {
color:#9f1c2c;
font-weight: 400;
font-size: 20px;
margin-bottom: 30px;
}
.dish {
margin-bottom: 15px;
}
.deshies {
margin-bottom:40px;
}
.menusnav {
position: absolute;
right:100%;
top:0;
width:50px;
}
.menusnav .box {
transform: rotate(-90deg);
white-space: nowrap;
font-size: 0;
margin-top: 40px;
}
a.menubtn  {
background: #fff;
transition: all .5s ease;
overflow: hidden;
position: relative;
display: inline-block;
font-size: 21px;
white-space: nowrap;
height: 50px;
line-height: 50px;
margin-left: 5px;
cursor: pointer;
letter-spacing: 1px;
padding: 0 10px;
text-align: center;
}
a.menubtn:hover,
a.menubtn.active {
background: #9f1c2c;
color:#fff;
}
svg.navlink {
max-width: 15px;
max-height: 15px;
margin-left: 10px;
}
.ext_links_wrap {
margin-right: 100px;
padding-top: 40px;
width: 50%;
border-top: 1px solid #a01c2c;
}
.nav_link {
font-size: 25px;
font-weight: 300;
transition: all .2s ease;
}
.nav_link:hover {
letter-spacing: 3px;
}
.ext_links_wrap .inrow {
margin-bottom: 20px;
}
.footmenu .menu {
display: flex;
height: 120px;
flex-flow: column wrap;
}
.footmenu .menu li{
margin:0 0 7px 30px;
}
.footmenu .menu li a {
transition: all .5s ease;
font-size: 20px;
}
.footmenu .menu li.current_page_item > a ,
.footmenu .menu li.current-menu-item > a ,
.footmenu .menu li:hover > a {
color:#a22030;
}
.logo {
max-width: calc(100% - 100px);
}
.logo img {
height: 140px;
width: auto;
transition: all .5s ease;
text-align: center;
max-width: 100%;
}
header.active .logo img {
height: 65px;
}
header.active {
position: fixed;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: nav;
animation-name: nav;
transform: translateY(0);
}
@-webkit-keyframes nav {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes nav {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
::-webkit-scrollbar {
width: 15px;
height: 10px;
}
}
nav .container::-webkit-scrollbar {
width: 10px;
}
.cont_wrap::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #a01c2c;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: #6b121e;
}
::-webkit-scrollbar-thumb:active {
background: #6b121e;
}
::-webkit-scrollbar-track {
background: #a9a4a5;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: #a9a4a5;
}
::-webkit-scrollbar-track:active {
background: #a9a4a5;
}
::-webkit-scrollbar-corner {
background: transparent;
}
.hcont {
width:calc(100% - 100px);
max-width:1012px;
height: calc(100% - 100px);
min-height: 412px;
padding: 50px;
background: rgba(255,255,255,.8);
position: relative;
margin:0 auto;
}
.icon_wrap {
width: 100px;
margin-left: 10px;
text-align: center;
}
.icon_wrap img,
.icon_wrap svg {
max-width: 70px;
max-height: 60px;
fill: #a01c2c;
}
.titles_wrap h1 {
font-weight: 700;
line-height: 1;
}
.title_wrap {
margin-bottom: 50px;
display: flex;
align-items: center;
}
.cont_wrap { margin-bottom: 50px;
font-size: 21px;
}
body.single-menus .cont_wrap {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
padding-left: 40px;
}
.gal_img2 {
display: block;
height: 230px;
}
.gal_img2 a {
display: block;
height: 100%;
}
.swiper-button-next {
background-image: url(//www.maornatan.co.il/wp-content/themes/maornatan/images/left.png) !important;
}
.swiper-button-prev {
background-image: url(//www.maornatan.co.il/wp-content/themes/maornatan/images/right.png) !important;
}
.page_links.inrowf {
padding-top: 50px;
justify-content: space-around;
}
.page_links .abbtn a {
min-width: 60%;
max-width: 350px;
text-align: center;
}
.page_links .abbtn {
width: 50%;
text-align: center;
margin: 5px 0;
}
.qtitle {
width: 40%;
text-align: left;
padding-left: 30px;
font-size: 20px;
font-weight: 700;
}
.qbox {
width: 40%;
}
select {
font-size: 20px;
width: 100%;
background: none;
border: 1px solid #a01c2c;
padding: 8px 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.qform_wrap div.wpcf7 textarea {
height: 100px;
}
.qwrap {
margin-bottom: 15px;
}
.qwrap2 {
width: 50%;
text-align: center;
margin-bottom: 15px;
}
.q2title {
width: 20%;
font-size: 20px;
font-weight: 700;
}
.q2box {
width: 78%;
}
.cfblock .cfdb:after,
.floatcf .abbtn:after,
.qform_wrap .abbtn:after {
width: 25px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
top: 50%;
transform: translate(50%,-50%);
right: 70%;
background-size: contain;
}
.contactpage .cont_wrap {
padding-right: 100px;
}
.con_info_wrap {
padding-right: 100px;
margin-bottom: 20px;
}
.con_info_wrap > div {
margin-bottom: 15px;
}
.cimg svg {
fill: black;
width: 30px;
height: 30px;
margin: 0 auto;
}
.cimg {
width: 50px;
text-align: center;
transform: scaleX(-1);
}
.ctitle, .cinfo {
font-size: 29px;
margin-left: 10px;
font-weight: 700;
}
.socials_title {
color: #a01c2c;
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.socials_wrap {
padding-right: 100px;
width: 60%;
margin-bottom: 120px;
}
.socials_wrap .socials svg {
width: 40px;
height: 40px;
}
.ctext {
width: 10%;
text-align: center;
font-weight: 700;
font-size: 21px;
}
.ctextarea {
width: 89%;
margin-left: 2px;
}
.gal_img {
height: 60vh;
border: 10px solid white;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.pgal .swiper-container {
padding-bottom: 100px;
}
.pgal .swiper-slide .gal_img {
opacity: .5;
transition: all .7s ease;
}
.pgal .swiper-slide.swiper-slide-active .gal_img,
.pgal .swiper-slide.swiper-slide-active .gbtn,
.pgal .swiper-slide.swiper-slide-active .gtext{
opacity: 1;
}
.gbtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
pointer-events: none;
opacity: 0;
transition: all .7s ease;
}
img.gprev.gbtn {
right: -50px;
}
img.gnext.gbtn {
left: -50px;
}
.gtext {
position: absolute;
bottom: -50px;
right: 50%;
transform: translateX(50%);
width: 100%;
text-align: center;
transition: all .7s ease;
opacity: 0;
}
.parchive .title_wrap {
padding-top: 20px;
}
.aconta {
width: 80%;
margin: 0 auto;
justify-content: center;
}
.arch_wrap {
width: calc(((100% / 3) - 50px) - 60px);
background: rgba(255,255,255,.8);
padding: 30px;
margin: 0 25px 50px 25px;
}
.arch_thumb {
display: block;
width: 100%;
height: 250px;
transition: all .7s ease;
opacity: 1;
}
.arch_thumb iframe {
width: 100%;
height: 100%;
}
.arch_title {
padding: 10px 0;
font-size: 25px;
font-weight: 700;
}
.arch_cont {
max-height: 160px;
line-height: 1.2;
overflow-y: auto;
}
.aconta.amenus {
justify-content: center;
}
.amenus .arch_cont {
margin-bottom: 30px;
}
.atcover {
background: rgba(255, 255, 255, 0.8);
width: 90%;
height: 90%;
transition: all .7s ease;
opacity: 0;
}
.arch_thumb:hover .atcover {
opacity: 1;
}
svg.zoom {
max-width: 40px;
max-height: 40px;
fill: #a22030;
}
.arch_thumb.def {
background-size: 100px auto;
}
.arch_thumb.def .atcover {
display: none;
}
@media (max-width:1000px) {
.about .box {
padding: 20px;
}
.abbtn a {
padding: 7px 10px;
}
}
@-webkit-keyframes zoom{
0%,100%{
transform: translate(-50%,-50%) scale(1);
}
50%{
transform: translate(-50%,-50%) scale(1.25);
}
}
@keyframes zoom{
0%, 100%{
transform: translate(-50%,-50%) scale(1);
}
50%{
transform: translate(-50%,-50%) scale(1.25);
}
}
.deftimg {
-webkit-animation:zoom 15s infinite;
animation:zoom 15s infinite;
}
.cfblock .cfdb {
position: relative;
}
.cfblock .cfdb:after ,
.qform_wrap .abbtn:after {
content: "";
background-image: url(//www.maornatan.co.il/wp-content/themes/maornatan/images/back-arrow.svg);
}
.floatcf .abbtn:after {
content: "";
right: 80%;
background-image: url(//www.maornatan.co.il/wp-content/themes/maornatan/images/back-arrow2.svg);
}
#MobNavBtnz {
width:70px;
height:70px;
position: relative;
}
#MobNavBtnz svg {
width: 150px;
height: 100px;
margin-top:-5px;
cursor: pointer;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
#MobNavBtnz path {
fill: none;
-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
stroke-width: 40px;
stroke-linecap: round;
stroke: #333333;
stroke-dashoffset: 0px;
fill: none !important;
}
#MobNavBtnz path#top,
#MobNavBtnz path#bottom {
stroke-dasharray: 240px 950px;
}
#MobNavBtnz path#middle {
stroke-dasharray: 240px 240px;
}
#MobNavBtnz.cross path#top,
#MobNavBtnz.cross path#bottom {
stroke-dashoffset: -650px;
stroke-dashoffset: -650px;
}
#MobNavBtnz.cross path#middle {
stroke-dashoffset: -115px;
stroke-dasharray: 1px 220px;
}
.footinfo .box {
height:120px;
}
.floatcf {
position: fixed;
top:30%;
left:0;
width: 300px;
background: #a01c2c;
padding: 20px;
transform: translateX(-100%);
}
.floatcf.active {
transform: translateX(0);
}
.floatcf h3 {
text-align: center;
color:#fff;
font-size:29px;
font-weight: bold;
margin-bottom: 15px;
}
.floatcf .ctexta {
display: none;
}
.floatcf .inrowf > div {
width: 100%;
}
.floatcf .q2title {
color:#fff;
}
.floatcf div.wpcf7 input[type=tel],
.floatcf div.wpcf7 input[type=text],
.floatcf div.wpcf7 input[type=email],
.floatcf div.wpcf7 select {
border: 1px solid #fff;
color:#fff;
background: #a01c2c;
padding: 4px 10px;
}
.floatcf .nomobile {
display: none;
}
.floatcf div.wpcf7 input[type=submit] {
background: #fff;
color:#a01c2c;
}
.floatcf div.wpcf7 input[type=submit]:hover {
background: #000;
color:#fff;
}
.floatcf .fcfbtn {
display: block;
position: absolute;
left:100%;
top:0;
width: 70px;
height: 50px;
background: #a01c2c url(//www.maornatan.co.il/wp-content/themes/maornatan/images/mail.svg) center center no-repeat;
background-size: auto 80%;
transform: rotate(-45deg);
transform-origin: 0 0;
cursor: pointer;
}
.floatcf.active .fcfbtn {
transform: rotate(0);
}
.cont_wrap h2,
.cont_wrap h3 {
color:#a01c2c !important;
}
.cont_wrap h2 span,
.cont_wrap h3 span {
color:#a01c2c !important;
}