/*
Theme Name: Deleklp
Theme URI: https://www.web-skipper.co.il/
Description: A simple, three column, widget-ready WordPress theme.
Author: Web-skipper
Author URI: https://www.web-skipper.co.il/
version: 3.5
Tags: fixed-width, three-columns, threaded-comments, brown
*/

/* basics */

* {margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
li { margin:0px; padding:0px;}
ul, ol {padding:0 20px 0 0; margin:0px;}

body {background:#fff; margin: 0; font-weight:normal; direction: rtl; color:#000; font-family: 'Almoni'; font-weight:normal; font-size:18px;}
p, h1, h2, h3, h4, h5, h6, a {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, b, strong { font-family: 'Almoni'; font-weight:bold;}
a{ text-decoration:none; cursor:pointer; transition:0.5s; -webkit-transition:0.5s;}
a:focus { outline:auto;}
table { border-collapse: collapse; border-spacing: 0; width:100%;}
.blogpage_con table {margin:0 0 20px 0;}
table, td, th { border:1px solid #000;}
td, th {padding:10px;}
th, td, caption { font-weight: normal; vertical-align: central; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: 10px; }
sup { top: 10px; }
svg { overflow: hidden; }
hr { border: 0; border: 1px solid #eee; clear: both; }
code { margin: 10px; }
.clr {clear:both; display:block;}
.cf:after, .cf:before { clear: both; content: ''; display: block; width: 100%;}
img {max-width: 100%; display: block; border: 0px;}
img a {border:none;}
label {display:block;}
input, select {font-family: 'Almoni'; font-weight:normal; width:100%; color:#000; font-size:16px; height:40px; text-align:right; padding:5px; background:#ffffff; display:block; border:1px solid #222222;  border-radius:0px; outline:none;}
textarea{ font-family: 'Almoni'; font-weight:normal; width:100%; color:#000; font-size:16px; height:200px; text-align:right; padding:5px; display:block; border:0px; border-radius:0px;border:1px solid #222222;outline:none; resize: none;}
a {cursor:pointer; color:#00487D;}

select { box-shadow: none; background-image: none; cursor:pointer; padding:0 35px 0 5px;}
select:focus, input:focus {outline:none;}
select::-ms-expand {display: none;}
input[type=checkbox] {width:auto; height:auto; padding:0px; border:0px;}

input[type=submit] {cursor:pointer; background:#790102; display:inline-block; width:125px; font-size:18px; color:#FFF; font-family: 'Almoni';  font-weight:normal; height:41px; padding:0 10px; border:0px; text-align:center; transition:0.3s; -webkit-transition:0.3s; -webkit-appearance: none; appearance:none; -moz-appearance:none;}
input[type=submit]:focus {outline:none;}

.wow { visibility: hidden; }

/**/
::-webkit-input-placeholder { color:#000; }
:-moz-placeholder { color:#000; opacity: 1; }
::-moz-placeholder { color:#000; opacity: 1; }
:-ms-input-placeholder {color:#000 }

input.wpcf7-not-valid {border:1px solid #f00 !important;}
textarea.wpcf7-not-valid {border:1px solid #f00 !important;}
div.wpcf7 img.ajax-loader, .div.wpcf7 .ajax-loader {display:none !important;}
div.wpcf7 .ajax-loader.is-active { visibility:hidden !important;}
div.wpcf7-validation-errors {margin:10px 0 !important; text-align:center;}
div.wpcf7-response-output {margin:10px 0 !important; text-align:center; border:2px solid #f00 !important; font-size:16px;}
.wpcf7 form.sent div.wpcf7-response-output {border:2px solid #46b450 !important;}
span.wpcf7-not-valid-tip {font-size:15px; margin:4px 0 0 0;}
div.wpcf7 .ajax-loader {display:none !important;}
.wpcf7 {direction:rtl !important; text-align:right !important;}

.main_container {max-width:100%; overflow:hidden; min-height:1089px;}
.logos {float:left; margin:23px 0 0 35px;}
.midarea {margin:-85px 0 0 0;}
.midarearight {float:right; padding:0 87px 0 0; position:relative;}
.midarearightin img {width:100%;}
.rightoparow {position:absolute; top:160px; left:-155px;}
.righbotarow {bottom:210px; left:-230px; position:absolute; z-index:1;transform: rotate(-20deg);}
.midarealeft {float:left; width:1095px; padding:16px 0 0 0; position:relative; right:-24px;}
.midarealfttop { margin:0 0 30px 0; text-align:center; padding:0;}
.midarealfttop h1 {font-size: clamp(48px, 8vw, 164px); line-height:1; color:#ffffff; /*text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -1px #fff, 2px -2px #000, -2px 2px #000;*/ text-shadow:4px 0 #000, -5px 0 #000, 0 6px #000, 0 -5px #000, 3px 2px #000, -5px -5px #000, 4px -3px #000, -5px 3px #000;  font-family: 'Almoni'; font-weight:900;text-shadow: 0px 4px 0px rgba(0, 0, 0, 1);
        text-shadow: 2px 5px #000, -2px -3px #000, -2px 5px #000, 2px -3px #000;
    text-transform: uppercase;}
.midarealfttop h1 span { color:#ec1d27;}
.number {color:#ec1d27; font-size:322px; line-height:225px; font-family: 'Almoni'; font-weight:900; text-shadow: 6px 0 #000, -6px 0 #000, 0 6px #000, 0 -6px #000, 6px 6px #000, -6px -1px #fff, 6px -6px #000, -6px 6px #000; letter-spacing:-50px; font-style:italic;}
.numberarelft { padding:30px 0px 0 0; text-align:right; margin:0 0px 0 0;position:relative;}
.numberarelft>img{    position: absolute;transform: rotate(290deg);  left: 60px; top: -10px;}
.numberarelft ul {display:block; margin:0px; padding:0px;}
.numberarelft ul li {display:block; margin:0px; padding:0px; font-size:44px; line-height:37px; color:#000000; font-weight:500;}
.numberarelft p {font-size:44px; line-height:37px; color:#000000; font-weight:500;display:block;}
.numberarelft p:not(:last-child){margin-bottom:10px;}
.numberarea {padding:14px 0px 20px;}
.numberarea{display:flex;align-items:center;gap:30px;
    justify-content: center;}
.midrealbot {text-align:center; margin:25px -295px 47px 0;}
.midrealbot .midrealbottitle1 { font-size:71px; line-height:1; color:#000000; font-family: 'Almoni'; font-weight:600; /*margin:0 0 10px 0;*/ position:relative;display:inline-block;}
.midrealbot .midrealbottitle2 { font-size:51px; line-height:1; color:#000; font-family: 'Almoni'; font-weight:500;display:block;}
.midrealbot h2 span {display:inline-block; position:relative;}
.midrealbot .midrealbottitle1 img {position:absolute; top:-20px; right:-34px;}
.midredbanner {/*min-height:253px;*/ padding:33px 105px 66px 153px; position:relative; text-align:center;}
.midredbanner h2 { font-size:53px; line-height:1; color:#ffffff; font-family: 'Almoni'; font-weight:900;}
.midredbanner span { font-size:53px; line-height:42px; color:#fff; font-family: 'Almoni'; font-weight: 500;}
.midredbanner span img {display:inline-block; vertical-align:middle;}
.midredbancup {position:absolute; bottom:-58px; left:-35px; z-index:1; width:280px;}
.midrelblack {position:absolute; bottom:-32px; left:0px; right:0px; max-width:700px; margin:0 auto; text-align:center; padding:8px 10px; font-size:53px; line-height:1; color:#ffffff; font-family: 'Almoni'; font-weight:bold; background:#000000;}
.midrelblack img {position:absolute; top:-60px; right:-64px; transform:rotate(12deg); -webkit-transform:rotate(12deg);}
.midfootertext { text-align:center; font-size:36px; line-height:36px; color:#000000; font-family: 'Almoni'; font-weight:500; margin:80px 0 13px 0;}
.midarearightin {margin:-20px 0 0 0;}
.logosmob {display:none;}
.midarearightin img.two {display:none;}
.midarealeftmob { display:none;}
.mobbottom {display:none;}
.mobotcup, .mobbottomtwo, .mobbotone {display:none;}
.midarearight .rightoparow{display:none;}
@media only screen and (min-width:1100) {
	.midarealfttop {padding:0;text-align:center;}
}
@media only screen and (max-width:1919px) {
.midarealeft {width:58%;}	
}
@media only screen and (max-width:1799px) {
.midarearight {padding:0px;}	
.rightoparow {left:-121px;}
.righbotarow {left:-183px;}

.numberarea {padding:14px 0px 20px 50px;}
.midredbancup {width:217px;}
}
@media only screen and (max-width:1599px) {
.midarearight {width:33%;}
.midarealeft {width:61%;}
.rightoparow {width:100px; left:-54px;}
.righbotarow {width:100px; left:-102px;}	
.numberarea {padding:14px 0px 20px 50px;}
.midrealbot {margin:25px 0px 47px 0;}
}
@media only screen and (max-width:1439px) {
/* .midarealfttop {padding:0 0 0 10px;} */
.numberarea {padding:14px 0px 20px 0;}	
.midrealbot {margin:25px 0 47px 0;}
.midredbanner { min-height:inherit; padding:33px 100px 66px 100px;}
.midfootertext {font-size:24px;}
.midrelblack {font-size:24px; bottom:-7px;}
.midrelblack img {right:-30px;}
.midarealeft {width:57%;}
.midredbancup {left:-36px;}
}
@media only screen and (max-width:1199px) {
.midarealfttop h1 {font-size:60px;}
.numberarelft {width:340px;}	
.numberarelft p, .numberarelft ul li {font-size:30px; line-height:32px;}
.midrealbot .midrealbottitle2 {font-size:32px;}
.number {font-size:272px; line-height:200px;}
.midredbanner h2 {font-size:26px;}
.midredbanner span {font-size:26px; line-height:1.4;}
.midrelblack img {width:43px; right:0px;}
.midredbancup {width:138px; left:-31px; bottom:-10px;}
.midfootertext {font-size:20px;}
.midarealeft {width:61%;}
.main_container {min-height:inherit; padding-bottom:50px;}
}
@media only screen and (max-width:1023px) {
.main_container { background-position:center left !important;}	
.midarearight {float:none; width:100%;}
.midarearight img {margin:0 auto; max-width:290px; width:auto;}
.midarealeft {float:none; width:100%; padding:40px 20px 30px 20px; right:auto;}
.rightoparow, .righbotarow {display:none;}
.midarearightin {margin:0px;}
.midarea {margin:0px;}
.midredbancup {left:-24px;}
.midrelblack img {right:-23px;}
}
@media only screen and (max-width:767px) {
.midarealeftmob h3{
    line-height: 1;
	text-shadow: 
    2px 2px 0 black,
    -2px 2px 0 black,
    2px -2px 0 black,
    -2px -2px 0 black,
    2px 0px 0 black,
    -2px 0px 0 black,
    0px 2px 0 black,
    0px -2px 0 black,
    0 0 2px rgba(0,0,0,0.5);
    text-transform: uppercase;
}
.main_container { background-position:top center !important; position:relative; min-height:inherit; padding:0px;}	
.logosmob {display:block; position:absolute; top:100px; left:17px;}
.logos {display:none;}
.midarearightin img.two {display: block;}
.midarearightin img.one {display:none;}
.midarealeft {display:none;}
.midarealeftmob h3 span{color:#ec1d27;}
.midarealeftmob { display:block; text-align: center; margin:10px 0 20px 0;}
.midarealeftmob h3 { font-size:45px; line-height:1.1; color:#fff; font-family: 'Almoni'; font-weight:900; margin:0 0 3px 0;}
.moblist { margin:0 0 3px 0;}
.moblist h4 { font-size:33px; line-height:1; color:#000000; font-family: 'Almoni'; font-weight:700;}
.moblist p { font-size:22px; line-height:1; font-family: 'Almoni'; font-weight:700;}
.mobdivtwo { position:relative; max-width:250px; margin:40px auto 0 auto;}
.mobdivtwo h4 {font-size:33px; line-height:1; color:#000000; font-family: 'Almoni'; font-weight:700;}
.mobdivtwo p {font-size:22px; line-height:26px; color:#000000; font-family: 'Almoni'; font-weight:700;}
.mobdivtwo img.one {position:absolute; top:-17px; right:-38px;}
.mobdivtwo img.two {position:absolute; bottom:-17px; left:-39px;}
.mobbottom {display:block; position:relative; /*height:300px;*/ overflow:hidden; margin:-100px 0 0 0; padding:0 0 20px 0;}
.mobbotone {position: relative; top:0; z-index:1;}
.mobotcup img {margin:0 auto;}
.mobotstars {position:absolute; bottom:16px; left:20px;}
.mobbotmainbg img {width:100%; height:100%;}
.mobbotmainbg {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.mobbottwoaro {position:absolute; top:164px; right:-6px;}
.mobbottwo { text-align:center; padding:104px 0 0 0; position:relative; z-index:1; max-width:300px; margin:0 auto;}
.mobbottwo h4 { color:#fff; font-size:33px; line-height:27px; font-family: 'Almoni'; font-weight:500; margin:0 0 6px 0;}
.mobbottwo ul {display:block; margin:0px; padding:0px; text-align: center;}
.mobbottwo ul li { display:block; margin:0px 0 3px 0; padding:0px; color:#fff; font-size:22px; line-height:1; font-family: 'Almoni'; font-weight:500;}
.mobbottwo ul li img {display:inline-block; vertical-align:middle;}
.mobbottwo h5 {color:#fff; font-size:22px; line-height:1; font-family: 'Almoni'; font-weight:500; margin:0 0 10px 0;}
.mobbottwo h6 {text-align:center; font-size:17px; line-height:15px; color:#fff; font-family: 'Almoni'; font-weight:400;}
.mobbottomtwo {background:#fff; text-align:center; padding:9px 10px; font-size:32px; line-height:1; color:#ec1d27;/* text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 1px #000, 1px 1px #000, -1px -1px #fff, 1px -1px #000, -1px 1px #000;*/ /*text-shadow:2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -1px #fff, 2px -2px #000, -2px 2px #000;*/ font-family: 'Almoni'; font-weight:600;}
.mobbottomtwo a {color:#ec1d27;}
.mobotcup, .mobbottomtwo, .mobbotone {display:block;}
.mobbottomtwo{position: fixed;  bottom: 0;  width: 100%;  left: 0;  z-index: 100;  border: 3px solid #000000;}
.page-template-page-home .main_container .home_main{padding-bottom: 48px;}
}
@media only screen and (max-width:639px) {
.mobbottom {margin:-88px 0 0 0;}	
}
@media only screen and (max-width:479px) {
.mobbottom {margin:-81px 0 0 0;}	
.mobbottwo {padding:78px 0 0px 0;}
/*.mobbottom {height:275px;}*/
}
@media only screen and (max-width:359px) {
.mobdivtwo img.two {left:-25px;}
.mobdivtwo img.one {right:-29px;}
.mobbottom {height:auto; overflow:auto; margin:-68px 0 0 0;}
.mobbotmainbg img {height:100%;}
/*.mobbottomtwo {font-size:26px;}*/
.mobbottwo {padding:68px 0 0px 0;}	
.mobotcup img {width:125px;}
.mobotstars {width:54px;}
}
	
@media (min-width:768px){
	.midrealbot{        
		        text-align: center;
        margin: 0px 0 30px;
        display: flex;
        flex-direction: column;
        align-items: center;}
	.midredbanner span{
    max-width: 762px;
    display: block;
    margin: auto;
}
}