body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans Hebrew", Arial,"Times New Roman", Helvetica, sans-serif;
}
img { max-width: 100%;}

header {
    width: 100%;
    max-width: 921px;
    margin: 0 auto;
    margin-top: 48px;
}

header .rightHeader {
    float: right;
}

header .rightHeader .logoKkl {
    float: right;
}

header .rightHeader .eyarok {
    float: right;
    margin-right: 10px;
}

header .leftHeader {
    float: left;
}

header .leftHeader .regulations {
    float: left;
    margin-top: 81px;
    width: 94px;
    height: 30px;
    background: #747474;
    text-align: center;
    line-height: 30px;
}

header .leftHeader .regulations a { color: #FFFFFF; font-size: 20px; display: block; text-decoration: none;}

section {  width: 100%; max-width: 1920px; margin: 0 auto;}
section .p1 {
    float: right;
    background: url("../images/headerBackground.jpg") no-repeat center top;
    width: 100%;
    height: 669px;
}

section .p1 .credit {
    float: left;
    margin-top: 200px;
    margin-left: 6px;
}

section .p1 .mainP1 {
    width: 100%;
    max-width: 921px;
    margin: 0 auto;
}

section .p1 .mainP1 .right {
    float: right; 
    margin-top: 50px;
}
section .p1 .mainP1 .right .logo {
    float: right;
}
section .p1 .mainP1 .right .kofiko {
    float: right;
    margin-top: 235px;
        margin-right: -200px;
    position: relative;
}

section .p1 .mainP1 .leftBlockP1 {
    float: left;
    width: 396px;
    height: 489px;
    background: #168811;
}

section .p1 .mainP1 .leftBlockP1 .lupa {
    width: 90%;
    margin-right: 5%;
}
section .p1 .mainP1 .leftBlockP1 .lupa .rightL { float: right;}
section .p1 .mainP1 .leftBlockP1 .lupa .leftL { float: right; margin-right: 12px; color: #FFFFFF; font-size: 32px; font-weight: bold;}

section .p1 .mainP1 .leftBlockP1 p { color: #FFFFFF; color: #FFFFFF; font-size: 25px; width: 90%; padding: 5px 5%; margin: 0;}
section .p1 .mainP1 .leftBlockP1 p.blueP { font-size: 35px; font-weight: 700;}
section .p1 .mainP1 .leftBlockP1 p.bigP { font-size: 35px; font-weight: bold;}
section .p1 .mainP1 .leftBlockP1 p .boldSpan { font-size: 32px; font-weight: bold;}
section .p1 .mainP1 .leftBlockP1 .large { line-height: 41px; float: left;color: #FFFFFF;text-align: center; margin: 0; font-size: 66px; font-weight: bold;}

section .p2 {
    float: right;
    width: 100%;
    height: 504px;
    background: #ffc42d;
    
}

section .p2 .p2Main {
    width: 100%;
    max-width: 1022px;
    margin: 0 auto;
}

section .p2 .p2Main .bubble {
        width: 90%;
    max-width: 568px;
    margin-top: 39px;
    margin-right: 138px;
}

section .p2 .p2Main .bubble .bubbleText { width: 100%;  height: 61px; background: #0056a8; font-size: 43px; text-align: center; color: #FFFFFF; font-weight: bold;}
section .p2 .p2Main .bubble .bubbleArrow { float: left; margin-left: 15px;}
section .p2 .p2Main .video360 { width: 100%; max-width: 633px; float: right; margin-top: 20px;}
section .p2 .p2Main  .kofiko2 { float: left; margin-top: -86px;}

section .p3 { float: right; width: 100%; height: 647px; background: #0056a8;}
section .p3 .p3Main {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

section .p3 .p3Main .right {
    float: right;
        width: 474px;
}

section .p3 .p3Main .right .bubble2 {
    width: 324px;
    float: right;
    margin-top: 37px;
    margin-right: 58px;
}

section .p3 .p3Main .right .bubble2 .bubbleText {
    width: 100%;
    height: 43px;
    background: #ffc42d;
    text-align: center;
    line-height: 43px;
    color: #0056a8;
    font-size: 35px;
    font-weight: bold;
}

section .p3 .p3Main .right .bubble2 .bubbleArrow {
    float: left;
    margin-left: 25px;
}

section .p3 .p3Main .right .kofiko3 { margin-top: 75px; float: right;}
section .p3 .p3Main .form { float: right; width: 526px; margin-top: 20px;}
.field {display: flex; width: 526px; float: right; margin-top: 20px;}
input { flex: 2;  -webkit-flex: 2; font-family: "Open Sans Hebrew", Arial,"Times New Roman", Helvetica, sans-serif; font-size: 25px; padding-right: 10px; color: #FFFFFF;  height: 52px; background: #3378b9; border: 0; width: 100%;}
label { height: 52px; line-height: 52px; margin-left: 25px; color: #FFFFFF; font-size: 25px; }
label.checkboxLabel { line-height: normal; height: auto; max-width: 93%; margin-left: 0; font-size: 20px; margin-right: 14px;}
.field3 { width: 100%; float: right; margin-top: 8px;}
.field3 .itemF { display: flex;}
.field3 .itemF label { font-size: 20px; line-height: 29px; height: auto; float: right; margin-left: 11px; margin-right: 5px;}
.form button {
    width: 166px;
    height: 54px;
    background: #ffc84a;
    border: 0;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    font-size: 35px;
    font-weight: bold;
    color: #ac2b38;
    font-family: "Open Sans Hebrew", Arial,"Times New Roman", Helvetica, sans-serif;

}
footer {
    width: 100%;
    float: right;
}

footer .mainFooter {
    width: 100%;
    max-width: 962px;
    margin: 0 auto;
    margin-top: 25px;
}

footer .mainFooter .rightFooter {
    float: right;
}

footer .mainFooter .rightFooter .block .icon { float: right;}
footer .mainFooter .rightFooter .block .text { max-width: 233px;  font-size: 20px; color: #3d3d3d; float: right; margin-right: 17px;}
footer .mainFooter .rightFooter .block .text a{ color: #3d3d3d;}
footer .mainFooter .rightFooter .block .text .title { color: #168811; }
footer .mainFooter  .leftFotter {
    float: left;
}

footer .mainFooter .leftFotter .logoKkl {
    float: right;
    margin-left: 18px;
}

footer .mainFooter .leftFotter .eyarok {
    float: right;
}
footer .greenHr { width: 100%;  margin: 0 auto; margin-top: 18px;background: #399a34; height: 7px; float: right;}
.mobile {display: none;}
section .p1 .mainP1 .leftBlockP1 p.bigP { padding-top: 0;}
section .p1 .mainP1 .leftBlockP1 p.blueP { padding-bottom: 0;}
.checkboxLabel a { color: #FFFFFF;}
/* start thank you page */

.txBtn { width: 90%; float: right; margin: 20px 5%;}
.txBtn .btnItem {width: 30%; margin-right: 3%; float: right;}
section .p1 .mainP1 .txBlock {height: auto !important;}
section .p1 .mainP1 .txBlock2 {height: auto !important; margin-top: 19px;}
section .p1 .mainP1 .leftBlockP1 .lupa .txRightL { width: 25%; margin-top: 10px;}
section .p1 .mainP1 .leftBlockP1 .lupa .txLeftL { width: 70%; font-size: 25px; margin-top: 22px;}
.txBlock h1 { margin: 0; padding: 20px 5% 0 0; font-size: 80px; color: #FFFFFF; font-weight: 700; line-height: 52px;}
section .p1 .mainP1 .leftBlockP1 p.txEx { font-size: 55px; font-weight: 700; }
.txDownloadApp {width: 90%; margin: 20px 5%; float: right;}
.txDownloadApp .txDItem { float: right; width: 44%;}
.txDownloadApp .txDItem:last-child { margin-right: 25px; }
section .p2 .p2Main .bubble3 {
    float: right;
    width: 100%;
    margin-top: 39px;
    max-width: 639px;
}
section .p2 .p2Main .bubble3 .bubbleText { float: right; width: 90%; background: #0056a8;}
section .p2 .p2Main .bubble3 .bubbleText h2 {font-size: 36px; font-weight: bold; color: #FFFFFF; margin: 0;     padding: 20px 5% 0 0;}
section .p2 .p2Main .bubble3 .bubbleText ul {list-style-image: url('../images/bullet.png'); }
section .p2 .p2Main .bubble3 .bubbleText ul li { font-size: 25px; color: #FFF; width: 90%; margin-top: 15px; }
section .p2 .p2Main .bubble3 .bubbleArrow {float: right; margin-top: 176px;}
.kofiko2Tx { margin-top: 69px; float: right; }
/* end thank you page */


@media screen and (max-width: 1050px) {
    section .p3 .p3Main .right { width: 47%;}
    section .p3 .p3Main .form { width: 50%;}
    .field { width: 100%;}
    input { width: 50%;}
    .field3 .itemF label { width: 21%;}
    section .p3 { height: 730px;}
    section .p3 .p3Main .right { height: 730px; position: relative;}
    section .p3 .p3Main .right .kofiko3 {height: auto; margin: 0; position: absolute; bottom: 0;}
    section .p3 .p3Main .right .kofiko3 img { display: block;}
    section .p1 .mainP1 .right { height: 669px; position: relative; width: 47%; margin-right: 2%;}
    section .p1 .mainP1 .right .kofiko { width: 100%; margin: 0; position: absolute; bottom: 0; 
    margin-right: 26px;}
    section .p1 .mainP1 .right .logo { width: 57%;}
    section .p1 .mainP1 .leftBlockP1 { width: 44%; height: 531px;}
    section .p2 .p2Main .video360 { width: 60%; margin-right: 5%;}
    section .p2 .p2Main  .kofiko2 { width: 33%; height: 339px; margin: 0; position: relative;}
    section .p2 .p2Main  .kofiko2 img { position: absolute; bottom: 0;}
    section .p2 .p2Main .bubble { width: 61%;}
    section .p2 .p2Main .bubble .bubbleText {    font-size: 4vw;}
    section .p3 .p3Main .right .bubble2 { width: 90%; margin-right: 5%;}
    section .p3 .p3Main .right .bubble2 .bubbleText { font-size: 4vw;}
    .checkboxLabel { width: 90%;}
    section .p1 .mainP1 .leftBlockP1 .lupa .rightL { width: 24%;}
    section .p1 .mainP1 .leftBlockP1 .lupa .leftL { width: 71%;     font-size: 3.4vw;}
    section .p1 .mainP1 .leftBlockP1 .lupa .txLeftL  { font-size: 25px;}
    .kofiko2Tx { display: none;}
    section .p2 .p2Main .bubble3 .bubbleArrow { display: none;}
    section .p2 .p2Main .bubble3 { max-width: 100%; }
    section .p2 .p2Main .bubble3 .bubbleText { width: 100%; max-width: 100%; margin: 0 auto; }
    section .p2Tx { background: #0056a8;}
}
@media screen and (max-width: 930px) { 
    section .p1 .mainP1 .txBlock2 { margin-left: 3%;}
    .txBlock h1 { font-size: 64px;}
    section .p1 .mainP1 .leftBlockP1 p.txEx { font-size: 44px;}
    section .p1 .mainP1 .leftBlockP1 .lupa .txLeftL { font-size: 22px;}
}
@media screen and (max-width: 700px) {
    section .p1 { 
        background: url("../images/headeBackgroundMobile.png") #168811 no-repeat center top;
        background-size: 100% auto;
        height: auto;
    }
    .desktop { display: none;}
    .mobile { display: block;}
     section .p1 .mainP1 .leftBlockP1 .lupa .rightL { width: auto;}
    section .p1 .mainP1 .leftBlockP1 .lupa .leftL { width: auto;     font-size: 32px;}
section .p1 .mainP1 .leftBlockP1 .lupa .txLeftL {width: 70%;}
    section .p1 .mainP1 .leftBlockP1 {width: 100%; height: auto;}
    section .p1 .mainP1 .right { height: auto; margin-top: 0;width: 90%;}
    section .p1 .mainP1 .right .logo { width: 30%; margin-top: 19px; margin-right: 68px;}
    section .p1 .mainP1 .right .kofiko { width: 56%; left: 0;     bottom: -30px;}
    section .p1 .mainP1 .right .kofiko img { display: block;}
    section .p1 .credit { margin-top: 20px;}
    section .p3 .p3Main .right { width: 100%; height: 165px;}
    section .p3 .p3Main .right .kofiko3 { width: 163px;}
    header { margin-top: 27px;}
    header .rightHeader { margin-right: 32px; }
    header .leftHeader { margin-left: 32px;}
    section .p1 .mainP1 .leftBlockP1 .pWp { width: 346px;}
    section .p1 .mainP1 .leftBlockP1 p img { width: 87px; margin-top: -32px;}
    section .p3 .p3Main .form { width: 90%; margin-right: 5%; margin-top: 0;}
    section .p3 { height: 836px;}
    section .p3 .p3Main .right { height: auto;}
    section .p3 .p3Main .right .kofiko3 { position: static; margin: 0; width: 24%; margin-right: 5%;     margin-top: 32px;}
    section .p3 .p3Main .right .bubble2 { width: 58%; float: left; margin-top: 27px; margin-left: 4%;}
    section .p2 .p2Main .video360 { width: 90%;}
    section .p2 { height: auto;}
    section .p2 .p2Main  .kofiko2 { height: 138px; margin: auto; width: 122px; margin-left: 80px;}
    footer .mainFooter .rightFooter { width: 100%;}
    footer .mainFooter .rightFooter .block .icon { width: 21%; text-align: left;}
    footer .mainFooter .rightFooter .block .text { max-width: 70%; width: 70%;}
    footer .mainFooter .leftFotter .eyarok { float: left; margin-left: 15px;}
    footer .mainFooter .leftFotter .logoKkl { float: right; margin-right: 15px;}
    footer .mainFooter  .leftFotter { width: 100%; margin-top: 20px;}
    header .leftHeader .regulations { width: 100%; margin-top: 0;}
    header .rightHeader { width: 42%;}
    header .rightHeader .logoKkl { width: 54%;}
    header .rightHeader .eyarok {width: 16%;}
    header .leftHeader { width: 15.5%;}
    section .p2 .p2Main .bubble { float: right;}
}

@media screen and (max-width: 500px) {
section .p1 .credit {width: 10px;     margin-top: 8px;}
section .p1 .mainP1 .right .kofiko {bottom: -19px;}
}

@media screen and (max-width: 400px) { 
    
    section .p1 .mainP1 .leftBlockP1 .lupa .leftL { width: 71%; font-size: 26px;}
    section .p1 .mainP1 .leftBlockP1 .lupa .rightL {width: 19%;}
    section .p1 .mainP1 .leftBlockP1 p.bigP { font-size: 26px;}
    section .p1 .mainP1 .leftBlockP1 p.blueP { font-size: 26px;}
    section .p1 .mainP1 .leftBlockP1 p { font-size: 22px;}
    section .p1 .mainP1 .leftBlockP1 .large { font-size: 51px;}
  
    section .p2 .p2Main .bubble { width: 90%; margin-right: 5%;}
    section .p2 .p2Main .bubble .bubbleText { height: 45px; font-size: 24px; line-height: 24px;}
    section .p3 .p3Main .right .bubble2 .bubbleText { font-size: 24px;}
    section .p1 .mainP1 .leftBlockP1 .lupa .txLeftL { font-size: 25px;}
}

@media screen and (max-width: 360px) {
    section .p3 { height: 893px;}
}