/****************************************************************************************** new icons********************************************************************************************************/
.icon-search:before {content: "g"; font-family: 'tlv'}
.icon-present:before {content: "\e02f"; font-family: 'Simple-Line-Icons'}
.icon-digitel:before {content: "b"; font-family: 'tlv'}
.icon-cinema:before  {content: "\e01d"; font-family: 'Simple-Line-Icons'}
/******************************************************************************************end new icons********************************************************************************************************/
#planAndDev .lContainer h3.link_all a{ font-size:0.6em; float:left; margin-left:5px;}


/*-- blue--*/
#planAndDev .blue h2.grid_header,
#planAndDev .blue h3.link_all a {
    color: #0072C1;
}
/*-- blue--*/


/*-- red--*/
#planAndDev .red h2.grid_header,
#planAndDev .red h3.link_all a{color:#ef4230;}
/*-- red--*/

#planAndDev h2.startPage {
    font-size: 19px;
    line-height: 29px;
    font-family: "BlenderBold",Arial,sans-serif;
    font-weight: normal;
    color: #3C3C3C;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top:23px}

#planAndDev h2.grid_header {font-family: "BlenderBold",Arial,sans-serif; font-size: 28px; margin-bottom: 10px; padding-top:20px; padding-bottom:16px}
#planAndDev h2.grid_header.icon-umbrella:before{color:#646464; font-size:24px}

#grid_area .artBox.digital_box    {font-size:2em; background:#f0f2f5; min-height:318px; vertical-align: top;}
#grid_area .artBox.digital_box div.artText{padding-bottom:5px; vertical-align: top;}
#grid_area .artBox.digital_box .line.align_top{display:table-cell;   vertical-align:top;}
#grid_area .artBox.digital_box p  {font-size:0.9em;  line-height:1em; }
#grid_area .artBox.digital_box h3 {font-size:1em; color:#3c3c3c;  line-height:1.2em;  min-height:50px; margin-top:0; top:0}
#grid_area .artBox.digital_box p.when { width: 98%;  white-space: nowrap;   overflow: hidden;  text-overflow: ellipsis}
#grid_area .artBox.digital_box p.price{font-weight:bold; font-size: 0.8em;  width: 98%;  white-space: nowrap;   overflow: hidden;  text-overflow: ellipsis}
#grid_area .artBox.digital_box p.price.last{}
#grid_area .artBox.digital_box a.more{float:left; font-size:1.7rem;  color:#3c3c3c; white-space: nowrap;  padding-top:25px}
#grid_area .artBox.digital_box a.more:hover{ text-decoration: underline}
#grid_area .artBox.digital_box span.new, span.new{position:absolute; left:10px; top:10px; background:#0072C1; font-size:0.8em; font-weight:bold; color:#000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width:33px; height:33px; line-height: 33px; text-align:center;}
#grid_area .artBox.digital_box p.tags  {font-weight:bold; font-size: 1.6rem; font-weight: normal; color:#3c3c3c; line-height: 1.4em; height:50px;}
#grid_area .artBox.digital_box p.tags span{border-bottom:1px #c3c5c7 solid; margin-left:7px;}

#grid_area .artBox .image_container{position:absolute; margin:0; padding:0; width:100%; height:14vh}
#grid_area .artBox .image_container img{height:14vh}
#grid_area .artBox .image_container span.premium{background:#ffcd32 url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/icon_premium.png)no-repeat 96% 6px; padding:2px 24px 0 17px; background-size: 13px 13px; position:absolute; right:0; bottom:0; z-index:4; font-size:0.8em; font-weight:bold; color:#000000; height:24px; line-height: 24px; text-align:center;}



/*tags_box*/
#grid_area .artBox.digital_box.tags_box  {background:#f0f2f5; min-height:350px; vertical-align: top;}
#grid_area .artBox.digital_box.tags_box a.more {padding-top:0}
/*end tags_box*/

/*digital_area*/
#grid_area .artBox.digital_area {min-height:204px; height:204px; padding-top:10px}
#grid_area .artBox.digital_area span.icon{font-size:1.6rem; margin-left:13px}
#grid_area .artBox.digital_area span.header_icon{font-size:1.8rem; text-decoration: underline; }
#grid_area .artBox.digital_area h3{padding:0;  max-width:98%; height:56px}
#grid_area .artBox.digital_area h3.short{max-width:90%;}
#grid_area .artBox.digital_area p.when,
#grid_area .artBox.digital_area p.where{margin-bottom:0; line-height: 0.6em; font-size:0.8em}
#grid_area .artBox.digital_area span.free{position:absolute; left:12px; top:45px; background:#ffcd32; font-size:0.8em; font-weight:bold; color:#000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width:33px; height:33px; line-height: 33px; text-align:center;}
#grid_area .artBox.digital_area span.icon-digitel{font-size:1.7em; line-height: 1.7em; margin-right:4px; }
#grid_area .artBox.digital_area p.present{ height:24px}
#grid_area .artBox.digital_area p.empty{ height:24px}
#grid_area .artBox.digital_area span.icon-present {font-size:0.9em; position:relative; top:-10px}
#grid_area .artBox.digital_area a.more {padding-top:0}
/*end digital_area*/



/*lobby_digital*/
#grid_area .artBox.lobby_digital{padding-top:0; min-height:320px; margin-bottom:38px}
#grid_area .artBox.lobby_digital.small_box{padding-top:0; min-height:172px; height:172px; margin-top:30px; margin-bottom:30px}
#grid_area .artBox.lobby_digital span.free{top:10px; }
#grid_area .artBox.lobby_digital  p.where{font-size:0.9em; margin-bottom:20px}
#grid_area .artBox.lobby_digital  p.tags  {height:30px;}
#grid_area .artBox.lobby_digital  p.present, #grid_area .artBox.lobby_digital  p.empty{margin-top:20px}
#grid_area .artBox.lobby_digital.tags p.tags  {height:30px; margin-top:20px}
#grid_area .artBox.lobby_digital h3.short{max-width:80%;}
/*end lobby_digital*/

/*lobby_digital with tags*/
#grid_area .artBox.lobby_digital.tags{min-height:372px;  margin-bottom:28px;  }
#grid_area .artBox.lobby_digital.tags.small_box{min-height:232px; height:232px; margin-bottom:38px}
/*lobby_digital with tags*/

@media (max-width: 1200px) {
    #grid_area .artBox.digital_box  h3{font-size:1.7rem}

    /*lobby_digital*/
    #grid_area .artBox.lobby_digital{ min-height:278px; }
    /*end lobby_digital*/

    /*lobby_digital with tags*/
    #grid_area .artBox.lobby_digital.tags{min-height:348px; }
    /*end lobby_digital with tags*/
}

@media (max-width: 1024px) {
    #grid_area .artBox.digital_area span.new,
    #grid_area .artBox.digital_area span.free{font-size:0.6em; line-height: 36px; }
    #grid_area .artBox.digital_area span.free{ top:35px;}
    #grid_area .artBox .image_container{height:15vh}
    #grid_area .artBox .image_container img{height:15vh}

    /*digital_area*/
    #grid_area .artBox.digital_area h3.short{max-width:150px}
    /*end digital_area*/

    /*lobby_digital*/
    #grid_area .artBox.lobby_digital{ min-height:268px; }
    #grid_area .artBox.lobby_digital.small_box{ min-height:165px; height:165px;}
    #grid_area .artBox.lobby_digital h3{padding-top:4px}
    #grid_area .artBox.lobby_digital span.free{top:11px; }
    #grid_area .artBox.digital_area.lobby_digital h3{height:40px; min-height:40px; padding-top:4px}
    /*end lobby_digital*/

    /*lobby_digital with tags*/
    #grid_area .artBox.lobby_digital.tags{min-height:338px; }
    #grid_area .artBox.lobby_digital.tags.small_box{min-height:222px; height:222px; }
    /*end lobby_digital with tags*/
}

@media (max-width: 768px) {
    #grid_area .artBox.digital_box{ min-height:280px;}
    #grid_area .artBox.digital_box a.more{padding-top:0;}
    #planAndDev h3.header_messages .digital{padding-bottom:20px}
    #planAndDev h3.link_all a{margin-top:20px}
    #planAndDev h2.startPage {padding-top:0}
}

@media (max-width: 480px) {
    #planAndDev h3.link_all.blue a {font-size:0.8em;}
    #planAndDev h2.startPage {padding-top:0}
    #grid_area .artBox.digital_box { min-height:400px; font-size:2.7em; margin-bottom:33px}
    #grid_area .artBox.digital_box h3{font-size:0.8em;}
    #grid_area .artBox.digital_box a.more{padding-top:0; font-size: 2rem; }
    #grid_area .artBox.digital_box p.tags  {font-size: 2rem; }
    #grid_area .artBox.digital_box p.when {  font-size: 0.8em; }

    #grid_area .artBox.digital_box span.new,
    span.new,
    #grid_area .artBox.digital_area span.free{font-size:0.5em; line-height: 36px; width:36px; height:36px;  }
    #grid_area .artBox.digital_area span.icon{font-size:0.9em; position: relative; top:3px}
    #grid_area .artBox.digital_area span.free{top:52px;}
    #grid_area .artBox .image_container{height:18vh}
    #grid_area .artBox .image_container img{height:18vh}


    /*tags_box*/
    #grid_area .artBox.digital_box.tags_box  { min-height:400px; }
    /*end tags_box*/

    /*digital_area*/
    #grid_area .artBox.digital_box.digital_area{margin-bottom:43px}
    #grid_area .artBox.digital_box.digital_area.last{margin-bottom:23px}
    #grid_area .artBox.digital_area {min-height:244px;}
    #grid_area .artBox.digital_area span.header_icon{font-size:2.2rem;}
    #grid_area .artBox.digital_area h3.short{max-width:220px}
    #grid_area .artBox.digital_area p.when,
    #grid_area .artBox.digital_area p.where{ line-height: 0.7em; font-size:0.9em}
    #grid_area .artBox.digital_area span.icon-digitel{font-size:1.8em;  }
    #grid_area .artBox.digital_area span.icon-present { top:-15px}
    #grid_area .artBox.digital_area p.present{ height:44px}
    #grid_area .artBox.digital_area p.empty{ height:44px}
    /*end digital_area*/


    /*lobby_digital*/
    #grid_area .artBox.digital_box.digital_area.lobby_digital{margin-bottom:36px}
    #grid_area .artBox.lobby_digital{ min-height:460px; margin-bottom:0;} /*change from 26/10/2015*/
    #grid_area .artBox.digital_area.lobby_digital h3{margin-bottom:20px;}  /*change from 26/10/2015*/
    #grid_area .artBox.digital_area span.icon-digitel{width:120px;}
    #grid_area .artBox.lobby_digital.small_box{ min-height:260px; height:260px;  margin-bottom:0; margin-top:20px;}
    /*end lobby_digital*/

    /*lobby_digital with tags*/
    #grid_area .artBox.lobby_digital.tags{min-height:414px; }
    #grid_area .artBox.lobby_digital.tags.small_box{min-height:260px; height:260px; margin-bottom:35px;}
    /*end lobby_digital with tags*/
}