﻿/**************************************************/
/* Works on Firefox */
.bumperItemsUL1 {
  scrollbar-width: thin;
  scrollbar-color: #0072c1 #e7e8e9;
}

/* Works on Chrome, Edge, and Safari */
.bumperItemsUL1::-webkit-scrollbar {
  width: 10px;
}

.bumperItemsUL1::-webkit-scrollbar-track {
  background: #e7e8e9;
}

.bumperItemsUL1::-webkit-scrollbar-thumb {
  background-color: #0072c1;
  border-radius: 10px;
  border: 1.5px solid #e7e8e9;
}


/*************************************************/

.Rectangle {
  width: 640px;
  height: 250px;
 /* margin: 46px 0 0;*/
 /* padding: 36px 36px 34px 32px;*/
  border-radius: 25px;
  background-color: #f8f8f8;
  /*margin-right: 135px !important;*/
  display: inline-block;
    background-color: #f8f8f8;
    border-radius: 25px;
    width: 640px;
	padding-right: 36px;
    padding-bottom: 34px;
    padding-top: 36px;
    margin-bottom: 50px;
}
.bumperItemsUL1{
 height: 140px;
 overflow: auto;
     background: url(/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/statusBg/groupMessage.svg) no-repeat;
   background-position:27px 17px, right 0em bottom 0em;
direction: ltr;
}
.bumperItemsLI1{
/*width: 441px;
  height: 140px;
  margin: 18px 0 0;*/
  font-family: blenderRegular;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 35px;
  letter-spacing: normal;
  text-align: right;
  color: #2e2e2e;
  direction: rtl;
  }
.text-style-1{color:#ea8017;}
.headerMessage{ width: 67px;
  height: 22px;
  margin: 0 1px 18px 0px;
  font-family: blenderRegular;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
    color: #2e2e2e;}
	
	.bumperItemsMessage{
	    padding-right: 0px!important;
	}
.bmpItemTitleWithArrowLink{
  color: #2e2e2e !important;
}

#SliderControl .item-content {font:normal 20px 'blenderRegular', Arial;text-align:right;border-radius: 10px;color:#2e2e2e;text-align: right;padding-bottom:25px;
							margin-bottom:18px;background-image: radial-gradient(circle at 2% 100%, #fff6f4, #ffffff 73%);box-shadow: 0 5px 11px 0 rgba(115, 68, 68, 0.13);}
#SliderControl .item-content a{text-decoration:none; display:block;}
#SliderControl .item-content a:hover{text-decoration:none;}
#SliderControl .item-content .title{margin-right:17px; margin-left:17px}
#SliderControl .item-content .date{margin-right:18px; margin-left:3px; color:#2e2e2e!important;padding-right:0!important;width:100%;}
/*#SliderControl .item-content .content-img img{max-width:292px; width:100%; max-height:278px;height:100%; border-radius:10px;}*/
#SliderControl .item-content .content-img{ width:100%; height:278px; border-radius:10px;background-repeat:no-repeat;display:block;}
#SliderControl .item-content .content-img .price{height: 28px;background: rgba(0,0,0,0.45);width:auto;color:#ffffff;position:absolute;right:0;top: 235px;margin-right: 18px;
			padding:0 20px;border-radius:16px;line-height:1.19;font:normal 16px 'blenderBold', Arial;padding-top:3px;}
#SliderControl .item-content .content-info{padding-top:14px;padding-bottom:30px;}
#SliderControl .item-content .content-info .title{font-size:20px; color:#2e2e2e; height:61px; border-bottom:solid thin rgba(187, 187 ,187,0.2);font-family:'blenderBold',Arial;}
#SliderControl .item-content .content-info span{float:right;padding-right:20px; padding-left:5px; padding-bottom:7px; color:#0172bb}
#SliderControl .item-content .content-info span.date{font-size:22px;}
#SliderControl .item-content .content-info span img{float:right;margin-left:5px;}
#SliderControl .item-content .content-info span.digitel img{height:16px;width:16px;}
#SliderControl .slick-prev {position:relative; top:260px; z-index:5;right:-30px;}
#SliderControl .slick-next {position: absolute;
    top: 68%;
    z-index: 5;
    left: -7px;
    transform: translate(-35%, -50%);}
    #SliderControl .slick-next div {
        background-image:url(/_layouts/15/TlvSP2013PublicSite/images/homepagenew/icons-8-forward-copy.svg);
        width:14px;
        height:26px;
        float:right;
        margin-right:31px;
        background-size:100%
    }

#SliderControl .slick-prev div {
    background-image:url(/_layouts/15/TlvSP2013PublicSite/images/homepagenew/icons-8-forward.svg);
    width:14px;
    height:26px;
    background-size:100%;
    float:left;
    margin-left:31px;
}


#SliderControl .slick-arrow{height:74px;width:74px;border:none;border-radius:50%;background-color:#f4f4f4;background-size:30%;background-repeat:no-repeat;background-position:center;}
.BumperMainItemPageSlider {margin-right:auto;margin-left:auto;max-width:1200px;width:100%}
.BumperMainItemPageSlider  #SliderControl .slick-list{padding-right:1px;margin-left:0}
.slick-track{width:100%;}
.BumperMainItemPageSlider  .slick-initialized .slick-slide{height:444px;max-width:292px;width:100%;margin-left:5px;margin-right:5px;padding-left:0px;padding-right:0px;}
.BumperMainItemPageSlider .slick-initialized .slick-slide .content_slider{padding-left:0;padding-right:0;}
.BumperMainItemPageSlider .all-items{float:left;font:normal 17px 'blenderBold', Arial;letter-spacing: normal;color: #000000;text-decoration:underline;margin-right:20px;margin-top:-50px;}
.BumperMainItemPageSlider .all-items a{color:#000!important;}
.BumperMainItemPageSlider .all-items a:visited{color:#000000!important;}
.BumperMainItemPageSlider .title{float:none; padding:0px !important}
.BumperMainItemPageSlider .title h2{font:normal 26px 'blenderBold', Arial;text-align:right;}
.BumperMainItemPageSlider #SliderControl{top:-50px;padding-right:0px !important;padding-left:0px !important;}
.BumperMainItemPageSlider #SliderControl .slick-dots{display:none !important;}

/*********/

body {
}

.bumperContainer, .bumperItems, .bumperItemsUL {
    direction: rtl;
}

.slick-list.draggable {
    /*padding-right: 58px !important;*/
}

.bumperDiv {
    padding-top: 58px;
    padding-bottom: 98px;
    box-shadow: -5.7px 4.1px 79px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    margin-bottom: 92px;
    height: 640px;
}

.isDigitelBump{
    color: #1a77d3;
    display:inline-block;
    border-right:solid 1px #1e1e1e;
    line-height:10px;
    padding-right:7px;

}

.statusTextOnTopBmp {
    position: relative;
    float: left;
    text-align: center;
    display: none;
    width: 104px;
    height: 87px;
    right: 7px;
    top: -20px;
    line-height: 70px;
    background-size: 100% 94%;
    }

.item-free-horiz label, .item-soldout-horiz label, .item-last-horiz label, .item-oneplusone-horiz label {
    font-family: 'BlenderRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.03;
    letter-spacing: normal;
    position: relative;
    max-width: 65%;
    display: inline-block;
    text-align: center;
    margin-bottom: 0px !important;
}

.IsRecurrence{ 
  
  border-radius: 9px;
 background: rgba(0, 0, 0, 0.55);
 
 display: inline;
  padding:6px 6px 2px 6px ;
}
.IsRecurrence span{
  font-family: BlenderRegular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  
  color: #ebebeb;
   opacity: 1;
  

}

.divMautBmp{ 
  
  border-radius: 23.7px;
  background-color: rgba(255, 255, 255, 0.3);
 
 display: inline;
  padding: 10px 11px 4px 11px;
}
.divMautBmp span{
 font-family: BlenderRegular;
    font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  
  

}


.standAloneBmp {
    width: 100%;
   
}
.standAloneBmpSlider{
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.integralBmp {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#bumperDiv_0 {
    position: relative;
    z-index: 5;
    /*top: -155px;*/
    margin-bottom: 92px;
    /*height: 640px;*/
    padding-top: 58px;
}
.Rectangle .bumperTitleDiv {
  float:none;
    
  
}


.bumperTitleDiv {
    width: 33.4375%;
    float: right;
    height: 383px;
    position: relative;
}

.bumperTitle {
    margin-right: 52.33%;
    margin-left: 11.21%;
    margin-top: 10px;
    height: 297px;
    width: 36.46%;
    background-image: url(/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/bumperTitleImg.gif);
    background-size: 64%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 15%;
    padding-top: 146px;
}

.bumperTitleImg {
    margin-top: 10.5px;
    margin-right: 1.7%;
    height: 98px;
    width: 67.1%;
    margin-left: 31.2%;
    margin-bottom: 48px;
}

.bumperTitle a, .bumperTitle span {
    color: #000 !important;
    font-family: BlenderRegular !important;
    font-size: 65px;
    text-decoration: none !important;
    line-height: 55px;
}

.bumperTitle strong {
    font-size: 65px !important;
    line-height: 59.5px;
    font-family: "BlenderBold";
}

.bumperItems {
    width: 66.5625%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

    .bumperItems .slick-prev .slick-prev-icon, .bumperItems .slick-next .slick-next-icon {
        display:none;
    }

    .bumperItems .slick-prev, .bumperItems .slick-next, .bumperItems .slick-prev:hover, .bumperItems .slick-next:hover, .bumperItems .slick-prev:focus, .bumperItems .slick-next:focus {
        background-size: 100% 100% !important;
        height: 33px !important;
        width: 24px !important;
        border: none !important;
        color: transparent !important;
        position: absolute;
     top: 100%;
     z-index:1000;
   

    }

    .bumperItems .slick-prev {
         transform: translate(0,90px);
    }
    .bumperItems .slick-next {
         transform: translate(0,90px);
    }

        .bumperItems .slick-prev, .bumperItems .slick-prev:hover, .bumperItems .slick-prev:focus {
            background: url("/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/arrow-right-black.svg") no-repeat !important;
            background-size: 24px 33px !important;
            /*top: 380px !important;
            right: -308px !important;
            left: 0px !important;*/
            right:20px;
           
            float:right;
        }

        .bumperItems .slick-next, .bumperItems .slick-next:hover, .bumperItems .slick-next:focus {
            background: url("/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/arrow-left-black.svg") no-repeat !important;
            background-size: 24px 33px !important;
            /*right: -250px !important;
            top: -36px !important;*/
            left:5px;
           
            float:left;
        }

.bumperItems .slick-prev.slick-arrow.slick-disabled,.bumperItems .slick-next.slick-arrow.slick-disabled {
    opacity: 0.37 !important;
}


.bumperItems .slick-dots {
    height: 12px;
    background-color: rgba(0,0,0,0.11);
    border-radius: 5.5px;
    width: 98% !important;
    /*margin-top: 50px;*/
    bottom: 0px !important;
   
    text-align: right !important;
    right:20px;

     position: absolute;
     top: 100%;
     transform: translate(0,140px);

}

    .bumperItems .slick-dots li {
        color: transparent;
        display: inline-block;
        margin: 0px !important;
        margin-top: -8px !important;
    }

      .bumperItems  .slick-dots li button {
            border: none;
            color: transparent;
            background-color: transparent;
            width: 100%;
            height: 12px;
            margin-top: 4px;
        }

      .bumperItems  .slick-dots li.slick-active {
            background-color: #c6c6c6;
            height: 12px;
            border-radius: 5.5px;
            margin: 0px;
        }

       .bumperItems .slick-dots li button .slick-dot-icon
        {display:none}

.bumperImg {
    width: 100%;
    max-height: 383px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bumperItemsUL {
    height: 383px;
}

.bumperItemsUL div.slick-slide{
    cursor:pointer;
     margin-left: 23px;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    padding-bottom: 49px;
    margin-bottom: -38px;
    padding-top:15px;
}

.bumperItemsUL div.slick-slide .bumperItemsLI {
    display: block;
    height: 383px;
    /*margin-left: 23px;*/
    /*background-size: 100% 100%;*/
    position: relative;
    /*box-shadow: -25.9px 18.8px 29px 0 rgba(0, 0, 0, 0.15);
    background-color: #dbdbdb;*/
}

.bmpItemContent h2 {
    font-size: 26px;
    line-height: normal;
    margin-bottom:9px;
}

.bmpItemTitleWithArrow {
    font-family: "BlenderRegular";
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
    /*height: 17px;
    overflow-x:visible;*/
}

a.bmpItemTitleWithArrow, a.bmpItemTitleWithArrow:hover, a.bmpItemTitleWithArrow:active, a.bmpItemTitleWithArrow:focus, a.bmpItemTitleWithArrow:visited {
    color: #fff !important;
    /*text-decoration: none;*/
}

.slick-slide .bumperItemsLI img {
    display: inline;
}

.bmpItemContent {
    position: absolute;
    bottom: 0px;
    padding: 0px 4% 17px 4%;
    opacity: 1;
    width: 100%;
}

.bmpItemGradBg {
    background: linear-gradient(to top, rgba(4,4,4,0.93), rgba(254,254,254, 0));
    height: 256.5px;
    top: -256.5px;
    position: relative;
    opacity: 0.8;
}

.bmpItemLocation, .bmpItemDateTime {
    font-family: "BlenderRegular";
    font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: right;
  color:black;
}

.bmpItemLocation {
    /*padding-top: 12px;*/
    line-height: 1.44;
}

.bmpItemDateTime {
    
    padding-top: 18px;
    /* padding-bottom: 14.5px;*/
}

@media(max-width:1780px)and (min-width:441px) {
    .bumperTitle {
        margin-right: 57%;
        margin-left: 0;
        padding-top: 113px;
        width: auto;
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/bumperTitleImg.gif);
        background-size: 39%;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: 6%;
        padding-top: 109px;
    }

    .bumperTitleDiv {
        width: 38%;
    }

    .bumperItems {
        width: 61%;
    }

    .bumperTitle a, .bumperTitle span {
        color: #000 !important;
        font-family: BlenderRegular !important;
        font-size: 32px;
        text-decoration: none !important;
        line-height: 47px;
    }

    .bumperOut{
      margin-right: -117px;
    
   
    }
    .bumperDiv {
       height: 520px;
       margin-bottom: 60px;
       padding-top: 35px;
        
    }

    .bumperTitle strong {
        font-size: 46px !important;
        line-height: 26.5px;
        font-family: "BlenderBold";
    }

    .slick-list.draggable {
        /*padding-right: 37px !important;*/
    }

    

    .bumperItems .slick-next, .bumperItems .slick-next:hover, .bumperItems .slick-next:focus {
        background-size: 22px 30px !important;
    /*right: -235px !important;
    top: -33px !important;*/
    }
    .bumperItems .slick-prev, .bumperItems .slick-prev:hover, .bumperItems .slick-prev:focus {
    background-size: 22px 30px !important;
    /*top: 312px !important;
    right: -293px !important;*/
    bottom:-434px;
}

    .bumperItemsUL div.slick-slide .bumperItemsLI, .bumperTitleDiv {
        height: 313px !important;
    }
}
@media(max-width:1540px) and (min-width:441px) {
    .bumperTitle {
        margin-right: 50%;
        
    }
     .bumperItemsUL div.slick-slide .bumperItemsLI, .bumperTitleDiv {
        height: 279px !important;
    }
    .bumperDiv {
       height: 540px;
       margin-bottom: 60px;
       padding-top: 35px;
        
    }
    .bumperItems .slick-prev, .bumperItems .slick-next, .bumperItems .slick-prev:hover, .bumperItems .slick-next:hover, .bumperItems .slick-prev:focus, .bumperItems .slick-next:focus,.bumperItems .slick-dots {
       background-size: 22px 30px !important;
       /*top: 278px !important;
    right: -293px !important;*/
       top:80%;
    }

    .slick-slider .slick-track, .slick-slider .slick-list{
        padding-bottom: 70px;
    margin-bottom: -54px;
    padding-top: 15px;
    }
}

@media(max-width:1280px) {
    
}

@media(max-width:440px) {
    /*.bumperContainer {
        height: 651px;
    }*/

    .bmpItemTitleWithArrow {
    
    font-size: 25px;
    
}
    .bumperTitle a, .bumperTitle span{
        font-size:40px;
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
    
    margin-bottom: -40px;
    
}
    .bumperDiv {
        padding-top: 22px;
        height: 640px !important;
        margin-bottom: -50px;
    }
    .bmpItemDateTime {
   
    padding-top: 7px;
    /* padding-bottom: 14.5px;*/
}
    #bumperDiv_0 {
        /*top: 45px;*/
        padding-top: 22px;
    }
    #bumperItemsUL_0{
        min-height: 406px !important;
    }

    .bumperTitleDiv {
        width: 100%;
        max-height: 300px;
        height: 100%;
        /*padding-bottom: 23px;*/
        text-align: center;
    }

    .bumperItems {
        width: 100%;
        /*float: none;*/
    }

    .bumperTitle {
        margin-right: auto;
        margin-left: auto;
        height: 121.5pt;
        width: 100%;
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/EventsBenefits/bumperTitleImg.gif);
        background-size: 41%;
        background-repeat: no-repeat;
        background-position-y: top;
        background-position-x: center;
        padding-top: 95px;
        font-size: 25pt;
    }

        .bumperTitle strong {
            font-size: 25pt !important;
        }

    .bumperItems .slick-dots li {
        color: transparent;
        display: inline-block;
        margin: 0px !important;
        width: 5pt;
        height: 5pt;
        border-radius: 2.5pt;
        background-color: rgb(220, 220, 220);
        vertical-align: middle;
        margin: 4.5pt !important;
    }

       .bumperItems .slick-dots li button {
            background-color: transparent !important;
        }

   .bumperItems .slick-dots {
        height: 7pt;
        margin-top: 27pt;
        margin-bottom: 48pt;
        top:60% !important;
        text-align: center !important;
        background-color: transparent;
    }

      .bumperItems .slick-dots li.slick-active {
            background-color: #c6c6c6;
            height: 7pt;
            width: 7pt;
            border-radius: 3.5pt;
            margin: 3pt !important;
        }

    .bumperItemsUL div.slick-slide .bumperItemsLI {
        margin-left: 13px;
        /*margin-right: auto;*/
        /*max-width:363px;
        max-height:363px;
        height:100%;
        width:100%;*/
        right: 80px;
    }

    .bumperItemsUL div.slick-slide .bumperItemsLI {
        height: 340px;
    }

    .bumperItemsUL {
        margin-bottom:40px;
    }
    .bumperImg {
        max-height: 383px;
        height: 100%;
    }

    /*.bumperItemsUL li.slick-active{
 z-index: 6;
    }
    .bumperItemsUL li.slick-active ~pre {
            display:none;
        }

        .bumperItemsUL li.slick-active ~next {
            width: 84%!important;
            z-index: 4;
            height: 256pt;
        }

        .bumperItemsUL li.slick-active ~next ~next {
            width: 82%!important;
            z-index: 2;
            height: 222pt;
        }*/


    /*.bumperItemsUL {
        height: 300pt;
        padding: 0pt 3.47% 0pt 3.05%;
    }

        .bumperItemsUL li.slick-slide {
            height: 300pt;
            z-index: 6;
            position: relative;
        }

        */


}


@media (max-width: 768px) {
    #SliderControl .item-content .content-img{max-height:150px;}
    .BumperMainItemPageSlider .all-items {float: right;}
    #SliderControl .item-content .content-info .title{font-size:16px;  height:64px;line-height:1}
    #SliderControl .item-content .date{font-size:13px;height:22px;}
    #SliderControl .item-content .content-info span{font-size:12px;}
	.BumperMainItemPageSlider  .slick-initialized .slick-slide{width:150px;height:323px;}
    .BumperMainItemPageSlider .title h2{float:none;}
    .BumperMainItemPageSlider .title{margin-bottom:18px;}
    #SliderControl .item-content .content-img .price{font-size:13px;top:112px;border-radius:13px;padding:0 8px;}
    .BumperMainItemPageSlider #SliderControl{top:0;}
	
	.Rectangle{margin-right: 0px !important;max-width: 400px;width:100%; padding-left:10px;padding-right:10px}

}


@media (max-width: 992px) {
    #SliderControl .item-content .content-img {
        max-height: 150px;
    }

    .BumperMainItemPageSlider .all-items {
        float: right;
        margin-top: -23px;
        margin-bottom: 20px !important;
        position: relative;
    }

        .BumperMainItemPageSlider .all-items a {
            color: #000 !important;
        }

    #SliderControl .item-content .content-info {
        padding-bottom: 20px;
    }

        #SliderControl .item-content .content-info .title {
            font-size: 16px;
            height: 64px;
            margin-bottom: 10px;
            padding: 0px !important;
        }

    #SliderControl .item-content .date {
        font-size: 13px;
        height: 22px;
    }

    #SliderControl .item-content .content-info span {
        font-size: 16px;
    }

    .BumperMainItemPageSlider .slick-initialized .slick-slide {
        width: 150px;
        height: 323px;
    }

    .BumperMainItemPageSlider .title h2 {
        float: none;
        font-size: 24px;
    }

    .BumperMainItemPageSlider .title {
        margin-bottom: 18px;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    #SliderControl .item-content .content-img .price {
        font-size: 13px;
        top: 112px;
        border-radius: 13px;
        padding: 3px 8px;
        height: 23px;
    }

    .BumperMainItemPageSlider #SliderControl {
        top: 0;
        padding-right: 10px !important;
        padding-left: 0px !important;
        margin-bottom: 0;
    }

    #SliderControl .item-content .content-info span img {
        margin-top: -3px;
    }

    #SliderControl .item-content .content-info span.date {
        font-size: 18px;
    }
}