@font-face {
    font-family: 'simpler-black';
    src: url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-black-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-black-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-black-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-black-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-bold';
    src: url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-bold-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-bold-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-bold-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-light';
    src: url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-light-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-light-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-light-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'simpler-regular';
    src: url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-regular-webfont.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-regular-webfont.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-regular-webfont.ttf') format('truetype'), url('https://www.partner.co.il/globalassets/global/appletv/fonts/simpler-regular-webfont.woff') format('woff');
}

* {
    padding: 0;
    margin: 0;
}

.leadDetails {
    display: none;
}

#TripleHisense {
    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;
    border: 0px solid green;
}

#TripleHisense img {
    width: 100%;
    height: auto;
    display: block;
}

#TripleHisense h1, #TripleHisense h2, #TripleHisense h3, #TripleHisense h4, #TripleHisense h5, #TripleHisense h6{
    font-weight: normal;
    line-height: 100%;
}

#TripleHisense .header {
    float: left;
    display: inline-block;
    border: 0px solid green;
}

#TripleHisense .header img {
    width: 92%;
    float: left;
    margin: 0 0 18% 0;
    border: 0px solid green;
}

#TripleHisense .wrapCont .bgMainWeb {
    display: block;
}

#TripleHisense .wrapCont .bgMainMob {
    display: none;
}

#TripleHisense .wrapCont {
    position: relative;
}

#TripleHisense .wrapCont img.logo {
    position: absolute;
    top: 0%;
    right: 90%;
    width: 10%;
    border: 0px solid green;
}

#TripleHisense .wrapCont .headSec {
    position: absolute;
    top: 17%;
    right: 4%;
    text-align: right;
    font-family: simpler-bold;
    width: 42%;
    border: 0px solid green;
}

#TripleHisense .wrapCont .headSec h1 {
    color: #000000;
    text-align: right;
    border: 0px solid green;
}

#TripleHisense .wrapCont .headSec h1 span.ready {
    display: block;
    color: #2cd5c4;
    font-size: 2.25em;
    line-height: 100%;
    font-family: 'simpler-black';
}

#TripleHisense .wrapCont .headSec h1 span.priper {
    display: block;
    color: #2cd5c4;
    font-size: 1.8em;
    line-height: 110%;
    font-family: 'simpler-bold';
}

#TripleHisense .wrapCont .headSec h1 span.priper img {
    width: 6%;
    display: inline-block;
    vertical-align: middle;
}

#TripleHisense .wrapCont .headSec h1 span.now {
    display: block;
    font-size: 1.4em;
    line-height: 120%;
    margin: 1% 0 0 0;
    font-family: 'simpler-bold';
}

#TripleHisense .wrapCont .headSec h1 span.only {
    display: block;
    font-size: 1.9em;
    line-height: 100%;
    margin: 3% 0 0 0;
    font-family: 'simpler-black';
}

#TripleHisense .wrapCont .headSec h1 span.start {
    color: #2cd5c4;
    display: block;
    font-size: 1.1em;
    margin: 2% 0 0 0;
    line-height: 100%;
    font-family: 'simpler-black';
}

#TripleHisense .wrapCont .headSec h1 span.start img {
    width: 3%;
    display: inline-block;
    vertical-align: middle;
}

#TripleHisense .wrapCont .netflix {
    position: absolute;
    top: 36%;
    right: 70%;
    width: 16%;
    color: #000000;
    border: 0px solid green;
}

#TripleHisense .wrapCont .netflix span {
    font-size: 1.65em;
    line-height: 120%;
    margin: 0 0 0 2%;
    display: inline-block;
    font-family: simpler-black;
    text-align: right;
    border: 0px solid green;
}

#TripleHisense .wrapCont .netflix img {
    width: 33%;
    display: inline-block;
    vertical-align: text-bottom;
}

#TripleHisense .wrapCont .andThree {
    position: absolute;
    top: 56%;
    right: 49%;
    width: 8%;
    font-size: 1.8em;
    line-height: 100%;
    font-family: 'simpler-black';
}

#TripleHisense .wrapCont .andThree span {
    color: #2cd5c4;
    line-height: 100%;
    font-size: 1.3em;
    display: inline-block;
    font-family: simpler-bold;
}

#TripleHisense .wrapCont .price {
    position: absolute;
    top: 56%;
    right: 88%;
    color: #000000;
    line-height: 100%;
    text-align: center;
    font-size: 1.8em;
    font-family: 'simpler-black';
}

#TripleHisense .wrapCont .price span.neto {
    color: #2cd5c4;
    line-height: 100%;
    font-size: 1.3em;
    display: inline-block;
    font-family: simpler-bold;
}

#TripleHisense .wrapCont .customer {
    position: absolute;
    top: 94%;
    right: 1%;
    text-align: right;
    font-family: 'simpler-bold';
    border: 0px solid green;
}

#TripleHisense .wrapCont .customer a {
    color: #000000;
    text-decoration: none;
}

/******************************/

#TripleHisense .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;
}

#TripleHisense .boxs h2 {
    font-size: 3.5em;
    font-family: 'simpler-black';
}

#TripleHisense .boxs h3 {
    font-size: 1.7em;
    font-family: 'simpler-black';
}

#TripleHisense .boxs span.line {
    display: inline-block;
    width: 4%;
    margin: 1% auto 0 auto;
    border-bottom: 0.3vw solid #000000;
}

#TripleHisense .boxs .flex-container-boxs {
    display: flex;
    margin: 3% auto 0 auto;
    width: 76%;
    justify-content: center;
    border: 0px solid green;
}

#TripleHisense .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;
}

#TripleHisense .boxs .flex-container-boxs > div:hover {
    transform: scale(1.05);
}

#TripleHisense .boxs .flex-container-boxs > div .boxImg {
    position: relative;
    background: #d8d8d8;
    display: flex;
    border: 0px solid green;
}

#TripleHisense .boxs .flex-container-boxs > div .boxImg img {
    width: 80%;
    margin: -6% auto 0 auto;
    border: 0px solid green;
}

#TripleHisense .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;
}

#TripleHisense .boxs .flex-container-boxs > div .tv {
    font-size: 1.5em;
    font-family: 'simpler-black';
    margin: 10% 0 0 0;
    border: 0px solid green;
}

#TripleHisense .boxs .flex-container-boxs > div .txtBox {
    width: 95%;
    font-size: 1.1em;
    margin: 5% auto 0 auto;
    line-height: 120%;
    border: 0px solid green;
}

#TripleHisense .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;
}

#TripleHisense .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;
}

#TripleHisense .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;
}

#TripleHisense .boxs a:hover {
    opacity: 0.85;
}

#TripleHisense .conditions {
    margin: 1% 0 0 0;
}

#TripleHisense ul.mishpatiot {
    width: 94%;
    margin: 0 auto 5% auto;
    list-style-type: none;
}

#TripleHisense ul.mishpatiot li {
    position: relative;
    text-align: right;
    font-size: 1em;
    padding: 0 1.2em 0 0.3em;
    border: 0px solid blue;
}

#TripleHisense ul.mishpatiot li:before {
    content: "•";
    color: #2dd5c4;
    position: absolute;
    top: -0.32em;
    right: 0;
    font-size: 2em;
    border: 0px solid green;
}

#TripleHisense .conditions .titMishpati  {
    width: 75%;
    text-align: right;
    display: inline-block;
    font-family: 'simpler-bold';
}

/******************************/

#TripleHisense ul.mishpati {
    width: 75%;
    margin: 0 auto;
    padding: 0 0 1% 0;
    list-style-type: none;
    border: 0px solid green;
}

#TripleHisense ul.mishpati li {
    position: relative;
    text-align: right;
    font-size: 1em;
    padding: 0 1.2em 0 0.3em;
    border: 0px solid blue;
}

#TripleHisense ul.mishpati li a {
    color: #000000;
    font-family: 'simpler-black';
    transition: 0.3s all;
}

#TripleHisense ul.mishpati li a:hover {
    color: #2dd5c4;
    text-decoration: none;
}

#TripleHisense ul.mishpati li:before {
    content: "•";
    color: #2dd5c4;
    position: absolute;
    top: -0.32em;
    right: 0;
    font-size: 2em;
    border: 0px solid green;
}

@media screen and (max-width: 1024px) {

    #TripleHisense {
        margin: 0 auto 20% auto;
    }

    .leadDetails {
        position: fixed;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        text-decoration: none;
        color: #000000;
        z-index: 1;
        text-align: center;
        font-size: 1.5em;
        font-family: 'simpler-bold';
        display: inline-block;
        width: 100%;
        color: #2dd5c4;
        padding: 3% 0 3% 0;
        border: 0px solid green;
    }

    #TripleHisense .header {
        width: 100%;
        border-bottom: 2px solid #2cd5c4;
    }

    #TripleHisense .header img {
        width: 35%;
        margin: -3% 0 6% -7%;
    }

    #TripleHisense .wrapCont .bgMainWeb {
        display: none;
    }

    #TripleHisense .wrapCont .bgMainMob {
        display: block;
    }

    #TripleHisense .wrapCont img.logo {
        right: 81%;
        width: 19%;
    }

    #TripleHisense .wrapCont .headSec {
        top: 2%;
        left: 0;
        right: 0;
        text-align: center;
        width: 97%;
        margin: 0 auto;
        font-size: 2.1em;
        box-sizing: border-box;
        transform: initial;
        font-family: 'simpler-black';
        border: 0px solid green;
    }

    #TripleHisense .wrapCont .headSec h1 {
        text-align: center;
    }

    #TripleHisense .wrapCont .headSec h1 span {
        color: initial;
    }

    #TripleHisense .wrapCont .headSec h1 span.ready {
        font-size: 3.2em;
        font-family: 'simpler-black';
    }

    #TripleHisense .wrapCont .headSec h1 span.priper {
        font-size: 2.2em;
        line-height: 110%;
        font-family: 'simpler-black';
    }

    #TripleHisense .wrapCont .headSec h1 span.now {
        font-size: 2em;
        line-height: 110%;
        margin: 1% 0 0 0;
    }

    #TripleHisense .wrapCont .headSec h1 span.only {
        font-size: 2.5em;
        font-family: 'simpler-black';
    }

    #TripleHisense .wrapCont .headSec h1 span.start {
        font-size: 2em;
        margin: 2% 0 0 0;
    }

    #TripleHisense .wrapCont .headSec h1 span.start img {
        width: 5%;
    }

    #TripleHisense .wrapCont .andThree {
        top: 69%;
        right: 1%;
        font-size: 4.3em;
        width: 17%;
    }

    #TripleHisense .wrapCont .andThree span {
        font-size: 1.6em;
    }

    #TripleHisense .wrapCont .triple {
        top: 31%;
        right: 3.2%;
        width: 23%;
        font-size: 4.6em;
        border: 0px solid green;
    }

    #TripleHisense .wrapCont .triple span.shd {
        font-size: 2em;
    }

    #TripleHisense .wrapCont .triple span.parTv {
        font-size: 1em;
    }

    #TripleHisense .wrapCont .netflix {
        top: 65%;
        right: 46%;
        width: 34%;
        font-size: 0.85em;
    }

    #TripleHisense .wrapCont .netflix img {
        width: 35%;
    }

    #TripleHisense .wrapCont .netflix span {
        font-size: 4.3em;
        line-height: 125%;
    }

    #TripleHisense .wrapCont .price {
        top: 69%;
        right: 81%;
        font-size: 4.5em;
    }

    #TripleHisense .wrapCont .price span.neto {
        font-size: 1.5em;
    }

    #TripleHisense .wrapCont .customer {
        top: 95%;
        font-size: 3.5em;
    }

    /****************/

    #TripleHisense .boxs {
        padding: 10% 0 5% 0;
        background-image: url(https://www.partner.co.il/globalassets/global/tvc/images/bgBoxsMob.jpg);
    }

    #TripleHisense .boxs h2 {
        font-size: 11em;
    }

    #TripleHisense .boxs h3 {
        font-size: 7em;
    }

    #TripleHisense .boxs span.line {
        width: 15%;
        margin: 5% auto 0 auto;
        border-bottom: 1vw solid #000000;
    }

    #TripleHisense .boxs .flex-container-boxs {
        flex-wrap: wrap;
        width: 85%;
        margin: 8% auto 0 auto;
    }

    #TripleHisense .boxs .flex-container-boxs > div {
        width: 100%;
        margin: 0 0 15% 0;
        padding: 0 0 6% 0;
    }

    #TripleHisense .boxs .flex-container-boxs > div .tv {
        font-size: 9em;
        margin: 6% 0 0 0;
    }

    #TripleHisense .boxs .flex-container-boxs > div .txtBox {
        width: 85%;
        font-size: 6.2em;
    }

    #TripleHisense .boxs .flex-container-boxs > div .memir {
        font-size: 5em;
    }

    #TripleHisense .boxs .flex-container-boxs > div .memir.ifEmpty {
        margin: -20% auto 0 auto;
    }

    #TripleHisense .boxs .flex-container-boxs > div .month {
        font-size: 6em;
        margin: 10% auto 0 auto;
    }

    #TripleHisense .boxs a{
        font-size: 6.5em;
        padding: 3% 2% 3% 2%;
    }

    #TripleHisense ul.mishpati {
        width: 95%;
        margin: 5% auto 5% auto;
    }

    #TripleHisense ul.mishpati li {
        font-size: 4em;
        margin: 0 0 2% 0;
    }

}

@media screen and (min-width: 1920px) {
    #TripleHisense {
        font-size: 1.2em; /*1.2em;*/
    }
}