﻿/*********** Hide header footer *********/

header, footer {
    display: none;
}

.bread-crumbs {
    display: none;
}

/********** End header footer **********/

/* hide chat */
#wizFloatpreimage {
    display: none;
}


@font-face {
    font-family: 'simpler-black';
    src: url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-black-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-black-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-black-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-black-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-bold';
    src: url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-bold-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-bold-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-bold-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-light';
    src: url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-light-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-light-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-light-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-regular';
    src: url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-regular-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-regular-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-regular-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/tvc/fonts/simpler-regular-webfont.woff') format('woff');
}

* {
    padding: 0;
    margin: 0;
}


#tvCampaign {
    max-width: 1920px;
    margin: 0 auto 0 auto;
    direction: rtl;
    color: #000000;
    font-size: 1vw;
    font-family: 'simpler-regular', arial;
    text-align: center;
    box-sizing: border-box;
    display: block;

    position: relative;
    border: 0px solid green;
}

#tvCampaign img {
    width: 100%;
    height: auto;
    display: block;
}

#tvCampaign h1, #tvCampaign h2, #tvCampaign h3, #tvCampaign h4, #tvCampaign h5, #tvCampaign h6{
    font-weight: normal;
    line-height: 100%;
}

#tvCampaign p {
    margin: 0;
    padding: 0;
    line-height: 100%;
}

#tvCampaign .wrapCont .bgMainWeb {
    display: block;
}

#tvCampaign .wrapCont .bgMainMob {
    display: none;
}

#tvCampaign .wrapCont .kitis {
    position: absolute;
    bottom: 0;
    right: 42%;
    width: 26%;
    border: 0px solid green;
}

#tvCampaign .strthingLogo {
    position: absolute;
    top: 8%;
    right: 38.5%;
    width: 20.5%;
    animation: fadeInFromNone 2s 0.4s both;    
    transform: scale(0);
    border: 0px solid green;
}

@keyframes fadeInFromNone {
  0% {
    transform: scaleY(0.2);
    transform-origin: 0% 100%;
  }

  100% {
    transform: scaleY(1);
    transform-origin: 0% 100%;
  }
}

#tvCampaign .wrapCont {
    position: relative;
}

#tvCampaign .wrapCont .headSec {
    position: absolute;
    top: 20%;
    right: 5%;
    text-align: right;
    font-family: 'simpler-bold';
    width: 36%;
    border: 0px solid green;
}

#tvCampaign .wrapCont .headSec h1 {
    color: #000000;
    text-align: center;
    line-height: 100%;
}

#tvCampaign .wrapCont .headSec h1 span.get {
    color: #000000;
    margin: 4% 0 0 0;
    text-align: right;
    display: inline-block;
    line-height: 140%;
}

#tvCampaign .wrapCont .headSec h1 span.get span.join {
    display: block;
    font-size: 2.1em;
    line-height: 100%;
    font-family: 'simpler-black';
    border: 0px solid green;
}

#tvCampaign .wrapCont .headSec h1 span.get span.engoey {
    display: block;
    color: #ffffff;
    font-size: 1.58em;
    margin: 3% 0 0 0;
    line-height: 110%;
    font-family: 'simpler-bold';
    border: 0px solid green;
}

#tvCampaign .wrapCont .headSec h1 img.netflixLogo {
    width: 18%; 
    margin: 0 auto 0 auto;
    display: inline-block;  
    vertical-align: middle;
}

#tvCampaign .wrapCont .headSec ul.get {
    width: 94%;
    margin: 0;
    list-style-type: none;
}

#tvCampaign .wrapCont .headSec ul.get li {
    color: #ffffff;
    position: relative;
    text-align: right;
    font-size: 1.8em;
    padding: 0 1.6em 0 0.3em;
    font-family: 'simpler-regular';
    border: 0px solid blue;
}

#tvCampaign .wrapCont .headSec ul.get li:before {
    content: "+";
    color: #2dd5c4;
    position: absolute;
    top: -0.15em;
    right: 0;
    font-size: 1.4em;
    font-family: 'simpler-bold';
    border: 0px solid green;
}

#tvCampaign .wrapCont .customer {
    position: absolute;
    top: 94%;
    right: 1%;
    text-align: right;
    font-family: 'simpler-bold';
    border: 0px solid green;
}

#tvCampaign .wrapCont .customer a {
    color: #000000;
    text-decoration: none;
}

#tvCampaign .wrapCont .myCon {
    position: absolute;
    top: 94%;
    left: 1%;
    text-align: right;
    font-family: 'simpler-bold';
}

#tvCampaign .wrapCont .kaf {
    position: absolute;
    top: 67%;
    right: 34.5%;
    width: 12%;
    color: #ffffff;
    font-size: 1.3em;
    border: 1px solid green;
}

#tvCampaign .wrapCont .kaf span {
    color: #e50914;
}

#tvCampaign .wrapCont .kaf img.netflixLogoSmall {
    width: 28%;
    display: inline-block;
    vertical-align: middle;
}

#tvCampaign .wrapCont .kizisWeb {
    display: block;
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 80%;
    z-index: 1;
    border: 0px solid green;
}

#tvCampaign .wrapCont .kizisMob {
    display: none;
}

#tvCampaign .formWrapper {
    position: absolute;
    right: 75%;
    width: 19%;
    margin: -27% 0 0 0;
    border: 0px solid green;
}

#tvCampaign .wrapCont .headSec .flex-container {
    display: flex;
    width: 95%;
    margin: 9% 0 0 0;
    border: 0px solid green;
}

#tvCampaign .wrapCont .headSec .flex-container > div {
    width: 35%;
    font-size: 1.2em;
    text-align: center;
    line-height: 100%;
    border: 0px solid orange;
}

#tvCampaign .wrapCont .headSec .flex-container > div.buffer {
    width: 5%;
    margin: auto 3% auto 3%;
    color: #ffffff;
    font-family: 'simpler-bold';
    font-size: 2.5em;
    text-align: center;
    text-shadow: 1px 2px 0px #ffffff;
}

#tvCampaign .wrapCont .headSec .flex-container > div img {
    width: 40%;
    margin: 0 auto;
}

#tvCampaign .wrapCont .headSec .flex-container > div span {
    display: block;
    margin: 8% 0 0 0;
}

#tvCampaign .wrapCont .headSec .flex-container > div span.red {
    color: #e8212b;
}

#tvCampaign .wrapCont .arrowDown {
    position: absolute;
    bottom: 2%;
    right: 50%;
    height: 30px;
    z-index: 1;
    transform: rotate(-90deg);
    border: 0px solid #000000;
}

#tvCampaign .wrapCont .arrowDown > div {
    color: #ffffff;
    font-size: 4em;
    animation: moveDown 2s infinite ease-in-out;
    -webkit-animation:  moveDown 2s infinite ease-in-out;
    border: 0px solid green;
}

#tvCampaign .logos {
    margin: 2% 0 2% 0;
}

#tvCampaign .logos h2 {
    font-size: 2em;
    font-family: 'simpler-black';
    border: 0px solid green;
}

#tvCampaign .logos img {
    width: 50%;
    margin: 0 auto;
}

@keyframes moveDown {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(40%);
    }

    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes moveDown {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(40%);
    }

    100% {
        transform: translateX(0%);
    }
}

#tvCampaign .boxs {
    background-color: #f2f2f2;
    background-image: url(https://www.partner.co.il/globalassets/global/tvc/images/bgBoxsWeb.jpg);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1% 0 2% 0;
    border: 0px solid red;
}

#tvCampaign .boxs h2 {
    font-size: 3.5em;
    font-family: 'simpler-black';
}

#tvCampaign .boxs h3 {
    font-size: 1.7em;
    font-family: 'simpler-black';
}

#tvCampaign .boxs span.line {
    display: inline-block;
    width: 4%;
    margin: 1% auto 0 auto;
    border-bottom: 0.3vw solid #000000;
}

#tvCampaign .boxs .flex-container-boxs {
    display: flex;
    margin: 3% auto 0 auto;
    width: 76%;
    justify-content: center;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div {
    width: 24%;
    background: #ffffff;
    margin: 0 2% 0 2%;
    padding: 0 0 1% 0;

    -webkit-box-shadow: 0px 7px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 9px 0px rgba(0,0,0,0.75);

    transition: 0.5s ease-in-out;
    border: 0px solid orange;
}

#tvCampaign .boxs .flex-container-boxs > div:hover {
    transform: scale(1.05);
}

#tvCampaign .boxs .flex-container-boxs > div .boxImg {
    position: relative;
    background: #d8d8d8;
    display: flex;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .boxImg img {
    width: 80%;
    margin: -6% auto 0 auto;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .boxImg .bgturk {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(45,213,196,0.9) 0%, rgba(125,185,232,0) 100%);
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .tv {
    font-size: 1.5em;
    font-family: 'simpler-black';
    margin: 10% 0 0 0;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .txtBox {
    width: 95%;
    font-size: 1.1em;
    margin: 5% auto 0 auto;
    line-height: 120%;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .memir {
    width: 75%;
    font-size: 0.9em;
    text-align: center;
    margin: 10% auto 0 auto;
    line-height: 120%;
    border: 0px solid green;
}

#tvCampaign .boxs .flex-container-boxs > div .month {
    width: 95%;
    color: #2dd5c4;
    font-size: 1.3em;
    margin: 5% auto 0 auto;
    font-family: 'simpler-black';
    border: 0px solid green;
}

#tvCampaign .suggestion {
    position: relative;
    background-image: url(https://www.partner.co.il/globalassets/global/tvc/images/bgSuggestionWeb.png);
    background-color: #2dd5c4;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    border: 0px solid red;
}

#tvCampaign .suggestion .wrapSuggestion {
    width: 75%;
    margin: 0 auto;
    padding: 6% 0 8.3% 0;
    border: 0px solid red;
}

#tvCampaign .suggestion .wrapSuggestion h2 {
    text-align: right;
    font-size: 1.8em;
    font-family: 'simpler-black';
    border: 0px solid green;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion {
    display: flex;
    justify-content: center;
    margin: 1.5% auto 0 auto;
    width: 100%;
    border: 0px solid green;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div {
    width: 24%;
    margin: 0 0 0 1.5%;
    padding: 2% 0 2% 0;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    background: #2cd5c4;
    transition: 0.5s ease-in-out;
    border: 0px solid green;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div:hover {
    background: #ffffff;
    border-radius: 10px;
    transform: scale(1.05);
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div:last-child {
    margin: 0;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div img.sugIco {
    width: 25%;
    margin: 0 auto;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .sugTite {
    font-size: 1.2em;
    font-family: 'simpler-bold';
    margin: 3% 0 0 0;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .subSugTite {
    font-size: 1.1em;
    margin: 2% 0 0 0;
}

#tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .mainTxt {
    width: 90%; 
    font-size: 1em;
    line-height: 120%;
    margin: 10% auto 0 auto;
    border: 0px solid green;
}

#tvCampaign .suggestion .ChairMan {
    position: absolute;
    bottom: -10%;
    right: 79.6%;
    width: 10%;
    border: 0px solid green;
}

#tvCampaign .mishTite {
    width: 75%;
    font-size: 1.7em;
    font-family: 'simpler-black';
    text-align: right;
    margin: 5% auto 0 auto;
    border: 0px solid green;
}

#tvCampaign ul.mishpatiot {
    width: 75%;
    margin: 1% auto 5% auto;
    list-style-type: none;
}

#tvCampaign ul.mishpatiot li {
    position: relative;
    text-align: right;
    font-size: 1em;
    padding: 0 1.2em 0 0.3em;
    border: 0px solid blue;
}

#tvCampaign ul.mishpatiot li:before {
    content: "•";
    color: #2dd5c4;
    position: absolute;
    top: -0.32em;
    right: 0;
    font-size: 2em;
    border: 0px solid green;
}

#tvCampaign ul.mishpatiot li a {
    color: #000000;
    transition: 0.3s all;
}

#tvCampaign ul.mishpatiot li a:hover {
    color: #2dd5c4;
}

#tvCampaign .boxs a {
    margin: 3% 0 0 0;
    text-align: center;
    font-size: 1.3em;
    font-family: 'simpler-black';
    padding: 0.5% 2% 0.5% 2%;
    display: inline-block;
    background: #2dd5c4;
    text-decoration: none;
    color: #000000;
    border: 3px solid #000000;
}

#tvCampaign .boxs a:hover {
    opacity: 0.85;
}

#tvCampaign #wrapBottomForm {
    position: fixed; right: 0; left: 0; bottom: 0; margin: 0; z-index: 1; width: 100%;
}

#tvCampaign #wrapBottomForm .frmBox {
    margin: 0; z-index: 1; width: 100%; background: #000000; font-family: 'simpler-regular'; font-size: 0.2em; border: 0px solid green;
}

#tvCampaign #wrapBottomForm .frmBox .mylink {
    display: none; background: #000000; text-align: center; border: 0px solid green;
}

#tvCampaign #wrapBottomForm .frmBox .mylink a {
    display: inline-block; box-sizing: border-box; width: 100%; padding: 2% 0 2% 0; text-decoration: none; color: #2cd5c4; font-weight: bold; border: 0px solid green;
}

#tvCampaign #wrapBottomForm .frmBox .mylink a img {
    width: 6%; height: auto; vertical-align: middle; display: inline-block;
}

#tvCampaign #wrapBottomForm .frmBox .mylink a span {
    padding: 0 2% 0 0;
}

#tvCampaign #wrapBottomForm .frmBox .cont {
    display: inline-block; width: 100%; border: 0px solid green;
}


#tvCampaign #wrapBottomForm .flex-container-formBottom {
    display: flex;
    width: 75%;
    margin: 0.8% auto 1% auto;
    border: 0px solid green;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div {
    width: 25%;
    margin: auto;
    box-sizing: border-box;
    border: 0px solid orange;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.titleWrap {
    width: 25%;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.titleWrap .titleStyle {
    color: #2dd5c4;
    font-family: 'simpler-bold';
    text-align: right;
    font-size: 6em;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div input[type=text] {
    width: 100%;
    box-sizing: border-box;
    font-size: 5.5em;
    padding: 2% 1% 2% 0;
    background: none;
    color: #ffffff;
    outline: none;
    border: none;
    border-bottom: 2px solid #26ad9f;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap {
    width: 10%;
}

/************/

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a {
    position: relative;
    display: inline-block;
    background-color: #2cd5c4;
    color: #000000;
    font-size: 5em;
    text-align: center;
    padding: 2% 5% 2% 5%;
    font-family: 'simpler-black';
    text-decoration: none;
    width: 80%;
    border: 0.2vw solid #ffffff;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a .text {
    position: relative;
    z-index: 2;
    transition: color .2s;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a .hoverLayout {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ffffff;
    display: block;
    z-index: 1;
    transition: width 1s ease;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a:hover .text {
    color: #000000;
}

#tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a:hover .hoverLayout {
    width: 100%;
}

#tvCampaign #wrapBottomForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm .success, #wrapBottomForm .error-message {
    padding: 0.5% 0 0.5% 0;
}

#tvCampaign #wrapBottomForm .success img, #wrapBottomForm .error-message img {
    width: 3%;
    margin: 0 auto;
}

#tvCampaign #wrapBottomForm .success h2, #wrapBottomForm .error-message h2 {
    font-size: 1.2em;
}


#tvCampaign #wrapBottomForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}

#tvCampaign #wrapBottomForm :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

@media screen and (max-width: 1024px) {

    #tvCampaign .wrapCont .bgMainWeb {
        display: none;
    }

    #tvCampaign .wrapCont .bgMainMob {
        display: block;
    }

    #tvCampaign .wrapCont .kitis {
        right: 10%;
        width: 80%;
    }

    #tvCampaign .wrapCont .headSec {
        top: 6%;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
        box-sizing: border-box;
        border: 0px solid green;
    }

    #tvCampaign .wrapCont .headSec h1 {
        font-size: 7em;
        line-height: 93%;
        text-align: center;
        font-family: 'simpler-black';
        border: 0px solid green;
    }
    /*
    #tvCampaign .wrapCont .headSec h1 span.mainTit {
        font-size: 0.8em;
    }
    */
    #tvCampaign .wrapCont .headSec h1 img.netflixLogo {
        display: inline-block;
        width: 29%;
        margin: 2% auto 0 auto;
        vertical-align: sub;
    }

    #tvCampaign .wrapCont .headSec h1 span.month {
        font-size: 1.4em;
        margin: 2% 0 0 0;
        font-family: 'simpler-bold';
    }
    
    #tvCampaign .wrapCont .headSec ul.get li {
        text-align: center;
        font-size: 3.5em;
    }

    #tvCampaign .wrapCont .headSec ul.get li:before {
        content: "";
    }

    #tvCampaign .strthingLogo {
        top: 53%;
        right: 32%;
        width: 35%;
    }
   
    #tvCampaign .wrapCont .headSec h1 span.get {
        color: #000000;
        margin: 4% 0 0 0;
        font-size: 1em;
        line-height: 170%;
    }

    #tvCampaign .wrapCont .headSec h1 span.get span.join {
        display: block;
        line-height: 90%;
        text-align: right;
        font-size: 1em;
        border: 0px solid green;
    }

    #tvCampaign .wrapCont .headSec h1 span.get span.engoey {
        display: block;
        text-align: right;
        line-height: 100%;
        font-size: 1em;
        margin: 1% 0 0 0;
        border: 0px solid green;
    }

    #tvCampaign .wrapCont .customer {
        font-size: 1.7em;
    }

    #tvCampaign .wrapCont .myCon {
        top: 96%;
        right: 1%;
        font-size: 3.5em;
    }

    #tvCampaign .wrapCont .kaf {
        top: 74.5%;
        right: 44%;
        width: 24%;
        font-size: 3em;
        text-align: left;
        padding: 0 0 0 5%;
    }

    #tvCampaign .wrapCont .tnai {
        top: 96.5%;
        right: 68.5%;
        width: 31%;
        font-size: 2.8em;
        text-align: left;
    }

    #tvCampaign .wrapCont .kaf img.netflixLogoSmall {
        width: 36%;
    }

    #tvCampaign .wrapCont .arrowDown {
        bottom: 3%;
    }

    #tvCampaign .wrapCont .arrowDown > div {
        font-size: 14em;
    }

    #tvCampaign .logos {
        margin: 5% 0 5% 0;
    }

    #tvCampaign .logos h2 {
        font-size: 6em;
    }

    #tvCampaign .logos img {
        width: 97%;
    }

    #tvCampaign .wrapCont .kizisWeb {
        display: none;
    }

    #tvCampaign .wrapCont .kizisMob {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 76%;
        z-index: 1;
        margin: 0 auto;
        border: 0px solid green;
    }

    #tvCampaign .formWrapper {
        position: inherit;
        width: auto;
        margin: auto;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #tvCampaign .boxs {
        padding: 10% 0 5% 0;
        background-image: url(https://www.partner.co.il/globalassets/global/tvc/images/bgBoxsMob.jpg);
    }

    #tvCampaign .boxs h2 {
        font-size: 11em;
    }

    #tvCampaign .boxs h3 {
        font-size: 7em;
    }

    #tvCampaign .boxs span.line {
        width: 15%;
        margin: 5% auto 0 auto;
        border-bottom: 1vw solid #000000;
    }

    #tvCampaign .boxs .flex-container-boxs {
        flex-wrap: wrap;
        width: 85%;
        margin: 8% auto 0 auto;
    }

    #tvCampaign .boxs .flex-container-boxs > div {
        width: 100%;
        margin: 0 0 15% 0;
        padding: 0 0 6% 0;
    }

    #tvCampaign .boxs .flex-container-boxs > div .tv {
        font-size: 9em;
        margin: 6% 0 0 0;
    }

    #tvCampaign .boxs .flex-container-boxs > div .txtBox {
        width: 85%;
        font-size: 6.2em;
    }

    #tvCampaign .boxs .flex-container-boxs > div .memir {
        font-size: 5em;
    }

    #tvCampaign .boxs .flex-container-boxs > div .memir.ifEmpty {
        margin: -20% auto 0 auto;
    }

    #tvCampaign .boxs .flex-container-boxs > div .month {
        font-size: 6em;
        margin: 10% auto 0 auto;
    }

    #tvCampaign .boxs a{
        font-size: 6.5em;
        padding: 3% 2% 3% 2%;
    }

    #tvCampaign .suggestion {
        position: relative;
        background-image: url(https://www.partner.co.il/globalassets/global/tvc/images/bgSuggestionMob.png);
        border: 0px solid red;
    }

    #tvCampaign .suggestion .wrapSuggestion {
        width: 87%;
        padding: 6% 0 78% 0;
        margin: 0 auto;
        border: 0px solid blue;
    }

    #tvCampaign .suggestion .wrapSuggestion h2 {
        width: 90%;
        font-size: 8em;
        text-align: center;
        margin: 43% auto 0 auto;
    }

    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion {
        flex-wrap: wrap;
    }

    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div {
        width: 100%;
        margin: 10% 0 0 0;
        padding: 7% 0 7% 0;
    }

    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div:last-child {
        margin: 10% 0 0 0;
    }

    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .sugTite {
        font-size: 7.5em;
    }

    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .subSugTite {
        font-size: 6em;
    }
    
    #tvCampaign .suggestion .wrapSuggestion .flex-container-suggestion > div .mainTxt {
        font-size: 5em;
    }

    #tvCampaign .suggestion .ChairMan {
        bottom: -6%;
        right: 0;
        left: 0;
        width: 73%;
        margin: 0 auto;
    }

    #tvCampaign .mishTite {
        width: 90%;
        margin: 45% auto 0 auto;
        text-align: center;
        font-size: 9.5em;
    }

    #tvCampaign ul.mishpatiot {
        width: 95%;
        margin: 0 auto 15% auto;
    }

    #tvCampaign ul.mishpatiot li {
        font-size: 4.5em;
        margin: 0 0 2% 0;
    }

    #wrapBottomForm .success img, #wrapBottomForm .error-message img {
        width: 12%;
    }

    #wrapBottomForm .success span , #wrapBottomForm .error-message span {
        font-size: 4em;
    }

    #tvCampaign #wrapBottomForm .frmBox {
        position: fixed; right: 0; left: 0;
    }

    #tvCampaign #wrapBottomForm .frmBox .mylink {
        display: block;
    }

    #tvCampaign #wrapBottomForm .frmBox .cont {
        display: none;
        height: 100%;
    }

    #tvCampaign #wrapBottomForm .frmBox .mylink a {
        font-size: 30em;
    }


    #tvCampaign #wrapBottomForm .flex-container-formBottom {
        width: 85%;
        flex-wrap: wrap;
        margin: 0.8% auto 5% auto;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div.titleWrap {
        width: 100%;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div.titleWrap .titleStyle {
        text-align: center;
        font-size: 28em;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div {
        width: 100%;
        margin: 0 0 5% 0;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div input[type=text] {
        font-size: 27em;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap {
        width: 100%;
        margin: 5% 0 0 0;
    }

    #tvCampaign #wrapBottomForm .flex-container-formBottom > div.btnWrap a {
        font-size: 31em;
        padding: 3% 20% 3% 20%;
        box-sizing: border-box;
        border: 1vw solid #ffffff;
        width: 90%;
    }

    #tvCampaign #wrapBottomForm .success h2, #tvCampaign #wrapBottomForm .error-message h2 {
        font-size: 4em;
    }

    #tvCampaign #wrapBottomForm .success img, #tvCampaign #wrapBottomForm .error-message img {
        width: 11%;
    }

}

@media screen and (min-width: 1920px) {
    #tvCampaign {
        font-size: 1.2em;
    }
}