/****************************************************************************************** new icons********************************************************************************************************/
.icon-grid:before { content: "1"; font-family: 'tlv'; }
.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********************************************************************************************************/
#grid_area h2 { font-family: 'BlenderBold', Arial, sans-serif; }
#grid_area h3 { font-family: 'BlenderBold', Arial, sans-serif; border-bottom: none; margin-bottom: 10px;}

#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; 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 p.plink{font-size: 1.7rem; color: #3c3c3c; white-space: nowrap; padding: 0px; margin: 0px; line-height: 1.4;}
#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:#0099f0; 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(../img/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.where.count {display:inherit;}
#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%;}

#grid_area .artBox.lobby_digital h3 { color:#000!important; }
#grid_area .artBox.lobby_digital.col-xs-12 { padding-left: 0px; padding-right: 0px; }
/*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;}
}

@media (max-width: 480px) {
    #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, #grid_area .artBox.digital_box p.plink, #grid_area .artBox.digital_box p.tags  {font-size: 2rem; }

    #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, #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*/
}