html {
}
*, *:before, *:after {
    box-sizing: inherit;
}
body { margin: 0 auto;
       box-sizing: border-box;

       color: #000;
       font: 400 13px Nunito,Arial,Helvetica,sans-serif;/*upd6*/
       background-color: #0067d0; /* Old browsers */
       background-image: -moz-linear-gradient(top, #0067d0 0%, #0A3EAE 100%);
       background-image: -webkit-linear-gradient(top, #0067d0 0%, #0A3EAE 100%);
       background-image: -ms-linear-gradient(top, #0067d0 0%, #0A3EAE 100%);  
       max-width: 1645px;
}

body.play {
    max-width: none;
}
a{  
    -webkit-transition: background 0.6s ease, color 0.6s ease, border 0.6s ease;
    -moz-transition: background 0.6s ease, color 0.6s ease, border 0.6s ease;
    transition: background 0.6s ease, color 0.6s ease, border 0.6s ease;
}
/*tools*/

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size:0;
}
.clearfix{
    *display:inline-block;
    _height: 1%;
}
/*UPD6*/
.hide{
    display: none;
}
.xtion-5-all{
    -webkit-transition-duration: .5s;
    transition-duration: .5s;

    -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );


    -webkit-transition-property: all;
    transition-property: all; 
}
.shd{
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.8);
    box-shadow: 0 3px 8px rgba(0,0,0,0.8);
}
/*update2*/
.flash{
    margin: 10px;

    border: 1px solid rgb(40, 218, 76);
    background-color: #E5F8DA;
    font-size: 85%;
    padding: 3px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
}
/*update2*/
.flash.error{
    border-color: #CD0B0B;

    background-color: #FF9999;
}
/*update2*/
.dialog{
    background-color: #007CF9;

    border-radius: 11px;
    border: 2px dotted #FFFFFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.dialog .title {
    background: none;
    text-indent: 0;
    display: block;
    border-radius: 8px;
    color: #FFFFFF;
    text-align: center;
    margin: 12px 10px 4px;
}
.dialog .item .nam b{
    color: #fff;

}
.dialog p {
    margin: 5px 10px;
    font-size: 72%;
    color: #FFFFFF;
}
.btn{

    font-size: 80%;
    padding: 4px 6px;
    margin-left: 10px;

    border: 1px solid rgba(174, 174, 174, 0.65);
    border-radius: 7px;

    background: #E4E4E4; /* Old browsers */  
    background: -moz-linear-gradient(top,   rgba(223, 223, 223, 0.65)  0%, rgba(197, 197, 197, 0.65) 100%); /* FF3.6+ */   /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top,  rgba(223, 223, 223, 0.65) 0%,rgba(197, 197, 197, 0.65) 100%); /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */  

    background: linear-gradient(to bottom,  rgba(223, 223, 223, 0.65) 0%,rgba(197, 197, 197, 0.65) 100%); /* W3C */   /* IE6-9 */;

    text-decoration: none;
}
.btn-r{
    float: right;

    margin-right: 10px;
}
.btn-f{
    background: #F75800;
    background: linear-gradient(to bottom, rgba(255, 98, 0, 1) 0%,rgba(216, 50, 0, 1) 100%);

    background: -moz-linear-gradient(top, rgba(255, 98, 0, 1) 0%,rgba(216, 50, 0, 1) 100%);    
    background: -webkit-linear-gradient(top, rgba(255, 98, 0, 1) 0%,rgba(216, 50, 0, 1) 100%);
    color: #FFF;
}
.wrapper{/*UPD6*/
    margin: 56px 0 40px;
    position: relative;
}
.wrapper::after {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.65);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;
    transition: opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;
    z-index: 59;
}
.search-open .wrapper::after, .nav-open .wrapper::after, .side-r-open .wrapper::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    position: fixed;
}
footer, header { position: relative; clear: both; }

.main, .side-r, .nav, footer, header { margin: 4px; }


footer{display: block;
       bottom: 0;
       min-height: 25px;
       margin: 0 auto;
       color: #cfedf5;
       text-align: center;
       padding: 12px 0;
       font-size: 90%;
       background-color: #2E2F32;border-top: 3px dotted #414C61;}
footer div{
    margin: 0 50px;
}
footer small{color: #9fd2eb;
             margin-top: 10px;
             display: block;
             font-size: 92%;}
footer p{
    margin: 0 0 3px;
}
footer a{
    display: inline-block;
    color: #00c2f8;
}

/*UPD6*/
.title {
    color: #fff;
    font-size: 1.5em;
    background: url(graphics/icogam.png) no-repeat;
    text-indent: 35px;
    line-height: 22px;
    display: inline-block;
    margin: 12px 0;
    font-weight: 200;
}
/*startUPD6*/
.sorting {
    border-radius: 10px;
    display: inline-block;
    overflow: hidden;
    background: #4601A3;
    background: linear-gradient(to bottom,#4601A3,#2C0363);
    position: relative;
    margin-left: 20px;
    vertical-align: text-bottom;
}
.sorting a {
    padding: 7px 10px;
    display: inline-block;
    color: #E6DBEC;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    float: left;
}
.sorting a:last-child {
    border-right: none;
}
.sorting a.current {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    background-color: #5200C0;
    color: #E6DAEC;
}
.breadcrumbs.b {
    margin-top: -10px;
    margin-bottom: 5px;
    font-size: 100%;
    color: #BBECFA;
    background-color: #003DB8;
    padding: 5px 11px;
    border-bottom: 2px dotted #0066CF;
}
.breadcrumbs span {
    float: left;
    margin-right: 3px;
}
.breadcrumbs span:first-child:before {
    content: '';
}
.breadcrumbs span:before {
    content: '\203A\00a0';
    float: left;
}
.breadcrumbs.b a {
    color: #BBECFA;
    text-decoration: none;
}
.breadcrumbs .num {
    float: right;
    font-size: 88%;
    padding-top: 2px;
}
.txt {
    padding: 4px 10px;
    color: #E4F6FF;
}
.txt br{
    line-height: 175%;
}/*END UPD6*/
.labels {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
}

.labels a {
    color: #cfedf5; 
   line-height: normal;
}
.box{
    margin-bottom:10px;
}
.nav{
    background: rgb(3, 35, 97);
    height: 54px;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0.165em 0.35em rgba(20, 27, 30, 0.35);
    box-shadow: 0 0.165em 0.35em rgba(20, 27, 30, 0.35);
    margin: 0;
}

.nav-c {
    width: 152px;
    position: fixed;    top: 54px;    overflow-y: auto;    
    height: 700px;    left: 0;    
}


.nav-c .title, .side-c .title{
    font-size: 12px;
    padding: 15px 0 10px 14px;
    background-position: 13px 12px;
    margin: 0;/*UPD6*/
}

.cats a.selected, .cats a:hover{
    background-color: #2092F2;
    color: #cfedf5;
}
.lst a.selected, .lst a:hover{
    color: rgba(245, 249, 252, 1);
    background-color: #00C2F8;
}



.nav-open .nav-c{
    display: block;
    background-color: #045fd5;
    width: 200px;/*UPDATED*/
}
.side-r-open .side-nav .lst{
    display: none;
}
.side-r-open  .side-c{
    display: block;
    top: 54px;
    z-index: 99;
    width: 200px;/*UPD6*/
    right: 0;
    height: 100%;
    background: #045fd5;
    position: fixed;
    overflow-y: auto;
}
.nav-open .lst a, .side-r-open .lst a{/*UPD6*/
    padding: 0.65em;
}
.lst a {
    background-color: #9fd2eb;    
    display: block;    
    margin: 1px 1px 0 1px; 
    padding: 5px 4px 4px 6px; 
    text-decoration: none;    
    color: #0223CF;  
    background-image: url(graphics/i.png); 
    background-repeat: no-repeat; 
    text-indent: 26px; 
    background-position-y: 1px;    
}

.cats a{
    background-color: #cfedf5;
    color: #045ED5;
}

.lst {
    clear: both;
}

.logo {
    background: url(graphics/logo-play.png) center no-repeat;
    display: block;
    height: 52px;
    width: 156px;
    float: left;
    margin-left: 0px;
}

.menu-link {
    float: left;
    background: url(graphics/menu.png) no-repeat center;
    height: 54px;
    width: 54px;
}


.menu-link.active {
    background-color: #002F84;
}
.main{

}

.main-content {
    background: #BBECFA;
    padding: 10px 5px 10px 10px;
}



.side-r .menu-link{
    z-index: 199;
    position: fixed;
    top: 0;
    right: 0;
}

.search-link {
    background-image: url(graphics/search.png);
    display: none;
}

.search-open .search-link.btn-go{  
    background-color: #FF4D00;
}
.side-r-menu-link + .search-link {
    right: 54px;
}
.side-nav .lst a:hover {
    color: #adc2ef;    
    background-color: #152fb0;
}


.side-nav {
    position: fixed;
    width: auto;
    right: 6px;
    top: 0;
    padding-left: 190px;

    z-index: 99;
    padding-top: 12px;
    height: 54px;
}

.side-nav .lst{
    float: right;
    display: inline-block;
}
.side-nav .lst a {
    display: inline-block;
    margin-top: 3px;
    background-image: none;    text-indent: 0;    color: #cfedf5;    height: 24px;    float: left;    background-color: #3282dd;    text-decoration: none;    line-height: 22px;    padding: 0 8px;    margin-right: 5px;    border: 1px solid #1f5fe8;
}
/*START UPD6*/
.nav-icon {
    height: 54px;
    width: 54px;
    position: absolute;
    top: 0;    
    cursor: pointer;
    cursor: hand;
}
.nav-icon:hover, .nav-icon.selected{
    background-color: #4601A3;
}
.htr-icon{
    left: 0;
    background: url(graphics/history.png) no-repeat center;
}
.ilik-icon{
    left: 54px;
    background: url(graphics/i-like.png) no-repeat center;
}
.lng-icon{
    height: 30px;
    width: 30px;
    padding: 9px 0 0 7px;
    background-color: #003DB8;
    display: inline-block;
    border-radius: 14px;
    margin: 0 10px;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;
    width: 140px;
    padding: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu a {    
    display: block;
    padding: 0.5em 0.8em;
    text-decoration: none;
}
.box{
    margin-bottom: 10px;
}
.box-cnt{

    margin: 0 5px 10px 10px;
}
.box-cnt-wrap {
    background: #bbecfa;
    padding: 10px 0 5px;
    margin-top: 4px;
    color: #303030;
}
.play .box-top {
    margin-top: 0;
}
.box-top{
    background-color: #4601A3;
}
.box-recom .title,.box-top .title{
    text-indent: 14px;
    background: none;
}
.box-new .item .nam b,.box-recom .item .nam b,.box-top .item .nam b{
    color: #fff;
}
.box-recom {
    background-color: #2081DD;
}
.box-sideterm .box-cnt-wrap{
    background: rgba(255, 255, 255, 0.85);
    margin: 0;
    padding: 1px 0;
    border-radius: 2px;
}
.box.desc .title {
    background: none;
    text-indent: 10px;
}/*END UPD6*/

#search-q {
    position: absolute;
    display: block;
    left: 0;
}

#search-q {
    background: url(graphics/search-icon.png) no-repeat scroll 7px 7px;    border: none;    float: left;    font: 16px arial,sans-serif;    
    height: 30px;    
    width: 180px;    line-height: 26px;    text-indent: 26px;    color: #ff6f00;    background-color: #fdf3f8;    background-color: rgba(255,255,255,.95);
    z-index: 199;
}
#search-q:focus {
    background: #fff;
}
/*browse*/
.item{
    display:block;
    float:left;
    margin: 6px 10px 7px;
    position:relative;
    width: 140px;
    height: 130px;

    box-sizing: border-box;
}/*STARTUPD6*/
.item .rem{
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #D83200;
    z-index: 2;
    right: 2px;
    top: 2px;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    padding-top: 0px;
    cursor: pointer;
}
.item .rem:after{
    content: 'x';    
}/*ENDUPD6*/
.item .thumb{
    position: absolute;
    text-decoration: none;
    width: 140px;
    height: 105px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
}
.item .thumb img{
    position: absolute;
    margin: auto;    left: 0;  right: 0;
    top: 0;
    bottom: 0;
}
.item .more{
    font-size: 10px;
    left: 0px;
    position: relative;
    top: 3px;
    color: #666;
}
.item .more strong{
    color:#ff6f00;
}

.item .nam{
    height: 25px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 110px;
    text-decoration: none;
}
.item .nam b{
    color: #0223CF;
    font-size: 12px;
    line-height: 12px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 24px;
    width: 140px;

}

.tooltip{    
    background-color: #e7f8fd;  
    border: 2px solid #cfedf5;
    font-size:11px;
    left:10px;
    min-height:20px;

    width: 225px;
    min-width:150px;
    padding: 10px;
    position:absolute;
    top:30px;
    color: #045fd5;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    visibility:hidden;
}
.tooltip .rating{
    float: right;

    font-size: 24px;
    font-weight: bold;

    text-align: right;
    color: #40c000;
    margin-left: 5px;
}
.tooltip .rating span{
    font-size: 16px;
    display: block;
}
.tooltip b{
    font-size: 13px;

}
.tooltip p{
    font-size: 11px;

    margin: 7px 0 0 0;
}
.tooltip p.tags{
    font-style: italic;
}
.arrow{
    background-image: url("graphics/arrow.png") !important;
    background-image:none;
    height: 20px;
    left: 45px;
    position:absolute;
    top:-18px;
    width: 26px;
}
*:first-child+html .arrow{
    background-image:none !important;
}
.arrow.r{
    left:auto;
    right: 45px;
}
.arrow.t{
    background-position: center 20px;
    bottom: -18px;
    top: auto;
}
.ribbon{
    position:absolute;
    height: 42px;
    width: 42px;
    z-index: 9;
    top: -8px;
    left: -8px;
}
.ribbon.new{
    background: url(graphics/new-lbl.png);
}
.ribbon.hot{
    background: url(graphics/hot-lbl.png);
}

.pag{
    padding: 10px;
    text-align: center;
    margin: 10px;
    *width: 96%;
}/*upd6 start*/
.pag .prev, .pag .next {
    font-size: 22px;
    vertical-align: top;
    position: relative;
}
.pag .next:after {
    content: "\203a";
}
.pag .prev:before {
    content: "\2039";
}/*upd6end*/
.pag span a{
    color: #cfedf5;
    text-decoration: none;
    font-weight: bold;
    margin-left: 2px;
    font-size: 14px;
    width: 26px;
    height: 26px;
    display: inline-table;
    line-height: 26px;
    background-color: #0224cf;
    border: 1px solid #9fd2eb;
    zoom: 1;
    *display:inline;
}
.pag a.disabled,.pag a.disabled:hover{/*upd6*/
    background-color: #2092F2;
}
.pag a:hover{/*upd6*/
    color: #FFFFFF;
    background-color: #970000;
}
/*ads*/
/*UPDATED*/
.ad-cnt{
    float: left;
    width: 336px;
    height: 280px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.ad-bottom{
    margin: 5px 0;
}
/* MEDIA QUERIES */
@media screen and (min-width: 100px ) {/*iniciador*/

    .ads-sr{
        display: none;
    }

    .side-c {
        display: none;
    }
    .side-nav .lst {
        display: none;
    }
    .nav-c{
        display: none;
    }
    #search-q{
        left: -48px;
    }
    .search-open #search-q{
        display: block;
    }
    .search-open .logo{
        display: none;
    }
    .nav-icon, .nav-lng {/*upd6*/
        display: none;
    }
}
@media screen and (max-width: 345px ) {
    .item{
        zoom: 0.9;
    }
}
@media screen and (max-width: 500px ) {
    body{
        overflow-x: hidden;
    }
    #search-q{
        display:none;
    }

    .search-link {
        display: block;
    }
}
@media screen and (max-width: 700px ) {
    .ad-cnt{
        float: none;
        width: auto;
        height: auto;
    }
}
@media screen and (min-width: 760px ) {
    .nav{  }

    #search-q{    /*upd6*/
        left: 140px;
    }
    .wrapper { 
        float: left;

    }

    .main { 
        margin-right: 168px;
        float: left;
    }

    .side-r { 
        width: 160px;
        margin-left: -164px;
        float: left;

    }

    .side-c {
        display: block;
    }
    .a-n .ads-sr{
        display: block;
    }

    .side-nav .lst {
        display: block;
    }

    .side-r .menu-link {
        display: none;
    }
    .nav-lng{/*upd6*/
        display: inline-block;
    }
    .nav-icon{/*upd6*/
        display: block;
    }
    .side-nav{/*upd6*/
        padding-left: 320px;
    }

}

@media screen and ( min-width: 1000px ) {

    .down-title{
        margin-top: 46px;
    }
    .a-n .wrapper{
        margin-top: 0;
    }
    .a-n .nav{
        width: 152px;
        margin: 4px -160px 4px 4px;
        float: left;
        position:   relative;
        height: auto;

        background: none;
        -webkit-box-shadow: none;    
        box-shadow: none;
    }

    .a-n .nav-c, .nav-open .nav-c {
        display: block;
        position: relative;
        top: 0;
        height: auto;
    }

    .play.nav-open .nav-c {
        position: fixed;
        top: 54px;
    }

    .a-n .menu-link {
        display: none;
    }
    .a-n .side-r{
        margin-top: 49px;
    }
    .a-n .side-nav {/*upd6*/
        position: absolute;
        width: auto;
        right: 5px;
        top: 0;
        padding-left: 320px;
        padding-top: 10px;
    }
    .a-n .side-nav .lst{
        float: right;
        display: inline-block;
    }

    .a-n .logo {
        background-image: url(graphics/logo.png);
        height: 108px;

        margin: 0;
        width: 152px;
    }
    .a-n .main {
        margin-left: 160px;
    }
    /*startUPD6*/
    .p-term .side-r, .p-search .side-r {
        width: 300px;
        margin-left: -308px;
    }
    .p-term .main, .p-search .main { 
        margin-right: 314px;
    }
    .p-term .side-r .box-sideterm .term-i, .p-search .side-r .box-sideterm .term-i {
        width: 48%;
        display: inline-block;
    }
    
    .p-term .side-r .link-i, .p-search .side-r .link-i {
        width: 50%;
        float: left;
    }

    .sorting{      
        margin-right: 206px;
    }
    .box-top{
        margin-top: 50px;
    }
    /*UPD6end*/
}


.nav--hidden .nav, .nav--hidden .side-nav,.nav--hidden .menu-link
{
    -webkit-transform: translateY( -100% );
    -ms-transform: translateY( -100% );
    transform: translateY( -100% );
}
.play.nav--hidden .main-title
{
    -webkit-transform: translateY( -175% );
    -ms-transform: translateY( -175% );
    transform: translateY( -175% );
}

/*STARTUPD6END*/
.scrl{
    width: 134px;
    float: left;
    height: 598px;  
    overflow-x: hidden;
    position: relative;
    border: 1px dotted rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.25);
}
.scrl-wrap{
    position: relative;
}
.scrl-cnt{
    width: 10000px;
    position: absolute;
    transition: margin 2s ease-in-out;
}
.scrl-h {
    width: auto;
    height: 154px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 5px 0;
    float: none;
}
.scrl-l{
    border-right: none;
    margin-left: 11px;
    margin-right: 3px;
}
.scrl-r {
    unicode-bidi:bidi-override;
    direction: rtl;
    overflow: scroll;
    overflow-x: hidden!important;
    border-left: none;
    margin-right: 11px;
    margin-left: 3px;
}
.scrl-prev, .scrl-next{
    position: absolute;
    background: linear-gradient(to bottom,#C10677,#8E0359);
    height: 154px;
    width: 32px;
    left: 0;
    top: 0;
    border-radius: 0 18px 18px 0;
    text-decoration: none;
    color: #fff;
    font-size: 32px;
    padding: 56px 0 0 10px;
    z-index: 19;
    cursor: pointer;
    cursor: hand;
}
.scrl-next{
    border-radius: 18px 0 0 18px;
    right: 0;
    left: auto;
}

.scrl-next:after {
    content: "\203a";
}
.scrl-prev:before {
    content: "\2039";

}
.scrl::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
.scrl::-webkit-scrollbar-track{
    border-radius:10px;
    -webkit-box-shadow: 0 0 6px rgba(255, 255, 255, 0.6) inset;
    background-color: rgba(255, 255, 255, 0.1);
}
.scrl::-webkit-scrollbar-thumb{
    background-color: rgba(17, 220, 227, 0.85);
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.5) inset;
}
.scrl::-webkit-scrollbar-thumb:hover,.scrl::-webkit-scrollbar-thumb:active{
    background-color: rgba(198, 12, 235, 0.85);
}
.scrl-i2 .item{
    height: 80px;
    padding:0;
    width: 114px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: none;
    background-image: none;
    margin: 4px 8px 2px 4px;
}

.scrl-r.scrl-i2 .item {
    /*margin: 4px 2px 2px 14px;*/
}
.scrl-i2 .item .ribbon {
    zoom:0.7;
}
.scrl-i2 .item .thumb {
    left: 0;
    margin-bottom:0;
    position:absolute;
    top: 1px;
    height: 80px;
    width: 114px;
}
.scrl-i2 .item.nt:hover .tooltip {
    visibility: visible;
}
.scrl-i2 .item.nt .tooltip {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    top: 0;
    left: 0;
    -webkit-border-radius: 0;    
    -moz-border-radius: 0;    
    border-radius: 0;
    border: none;
    height: 81px;
    width: 114px;
    box-sizing: border-box;
    padding: 4px;
    display: block;
    min-width: initial;
    z-index: 9;
}

.scrl-i2 .item.nt .tooltip b {
    color: #fff;
}

.scrl-i2 .item.nt .tooltip .rating {
    font-size: 16px;
    bottom: 5px;
    position: absolute;
    right: 5px;
    line-height: 16px;
}

.scrl-i2 .item.nt .tooltip .rating span {
    font-size: 12px;
}


.scrl-i2 .ad img{
    margin: 10px 0 0 10px;
    background-color: #fff;
    padding: 4px;
}
.scrl .no-items{
    width: 140px;
    height: 132px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 5px 10px 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 118%;
    padding: 10px;
}

.term-lst .term-cnt {
    display: block;
    width: 24%;
    background-color: rgba(255, 255, 255, 0.85);
    margin: 0 1% 7px 0;
    border-radius: 10px;
    vertical-align: top;
    float: left;
    max-width: 180px;
    padding-bottom: 5px;
}
.term-pnt {
    display: block;
    text-align: center;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    text-decoration: none;
}
.term-pnt h3 {
    margin: 5px;
}
.term-i {
    display: block;
    margin: 2px;
    padding: 2px;
    text-decoration: none;
}
.term-i:hover {
    background-color: #0A8BEF;
    color: #fff;
    border-radius: 2px;
}
.term-i span {
    display: table-row;
    vertical-align: middle;
}
.term-i span img {
    border-radius: 2px;
    float: left;
}
.term-i span span {
    display: table-cell;
    padding-left: 3px;
}
@media screen and ( min-width: 1160px ) {
    .term-lst .term-cnt {
        margin: 0 1% 7px 0;    
        width: 19%;
    }
}
.loading {
    background: url(graphics/loading-white.svg) no-repeat center center;
}
.link-i.l-img {
    padding: 0;
    text-align: center;
}
.link-i {
    box-sizing: border-box;
    padding: 3px 0 3px 5px;
    margin: 2px 0;
    border-radius: 2px;
    display: block;
}
.link-i:hover {
    background: #FEE8F5;
}
.box-sidelink .box-cnt-wrap {
    padding: 10px;
}
.l-img:hover{
    background: none;
}
.l-img:hover img {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);    
    -moz-filter: brightness(1.1);
}
.p-termlist .term-lst {
    margin: 0;
    padding: 10px;
}
.p-termlist .term-lst li {
    width: 33%;
    float: left;
    list-style: none;
}
.p-termlist .term-lst a{
    /*color opt*/
}