﻿.col-lg-12{padding:0px;}
.rating { border: 1px solid #c60917; border-radius:5px; unicode-bidi: bidi-override; direction: ltr;}
.rating:not(:checked) > label:before { content: '★ ';}
.rating input[type=radio] {  display: none}
.rating label { color: #bbb; padding: 0; cursor: pointer; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out}
.rating label:hover,
.rating label:hover ~ label,
.rating input[type=radio]:checked ~ label {  color: #c60917}

.series-by-category li .ranking-thanks{display:none;border: 1px solid #c60917; border-radius: 5px; font-size: 16px;    line-height: 19px;  font-size: 16px; padding: 0 12px;  color: #c60917; width: 145px; word-break: break-word;}
.dfp-div-gpt-ad-LargeStrip,.dfp-div-gpt-ad-LargeStrip2{margin-bottom: 30px;}

#section-container .title{font-family: OpenSans-Bold;color:#d81f26;}
#section-container .series-by-category h2{font-family: OpenSans-Bold;display: inline;}
#section-container .series-by-category .category-title .border-right{background-color: #c60917;}
#section-container .series-by-category a{color:#010101;display: inline-block;}
#section-container .series-by-category a:hover{color:#c60917;}
#section-container .series-by-category ul.series-list{margin-top:40px}

#section-container .series-by-category ul.series-list li .series-img-container .hover-img{position:absolute;top:0;left:0;background:rgba(198, 9, 23,0.7);border-radius:50%;color:#fff;font-family: OpenSans-Bold;text-align:center;cursor:pointer;display:none;}
#section-container .series-by-category ul.series-list li .series-img-container .hover-img .icon-p-first{color:#fff;font-size: 8px;line-height: 14px;vertical-align: middle;margin-right: 4px;}
#section-container .series-by-category ul.series-list li .name{text-align:center;margin-top:10px;}
#section-container .series-by-category ul.series-list li .name a{font-family: OpenSans-Bold;color:#010101;display: block;}
#section-container .series-by-category ul.series-list li .name a:hover{color:#c60917}
#section-container .series-by-category ul.series-list li .user-ranking-container{margin:7px 0;text-align:center;}
#section-container .series-by-category ul.series-list li .user-ranking-container label{color:#010101;    margin-right: 20px;}
#section-container .series-by-category ul.series-list li .user-ranking-container .user-ranking{background-color:#c60917;color:#fff;margin-right:7px;padding:0 5px;border-radius:3px;}
#section-container .series-by-category ul.series-list li .ranking-action-container{ display: flex;justify-content: space-between;}
#section-container .series-by-category ul.series-list li .ranking-action-container .ranking-label{color: #bbb; word-break: break-word; line-height: 20px;}
#section-container .series-by-category ul.series-list li.last{line-height: 300px;}
#section-container .series-by-category ul.series-list li.last a{ line-height: 30px; white-space: nowrap; background-color: #c60917; color: #fff; padding:10px 26px;  font-size: 30px; font-family: 'OpenSans-Bold';}
#section-container .series-by-category ul.categories-menu{display:flex;justify-content:flex-start;}
#section-container .series-by-category ul.categories-menu.table-responsive{overflow-y: hidden;}

#section-container .series-by-category.specified .categories-menu li{margin-left:20px;    white-space: nowrap;}
#section-container .series-by-category.specified .categories-menu li a{color:#a2a2a3; font-family: OpenSans-Bold; font-size: 24px; text-indent: 4px; line-height: 22px;}
#section-container .series-by-category.specified .categories-menu li a:hover{color:#282829;}
#section-container .series-by-category.specified .categories-menu li.active a{border-right: 6px solid #c60917;color:#282829; display:block;font-size: 28px;}

#section-container .main-item { background-color: #eaeaea;}
#section-container .main-item .hand-logo{ padding: 0 10px 0 15px;}
#section-container .main-item .hand-logo img{ margin-top: -25px;  width: auto;float: none;}
#section-container .main-item .main-item-container{ padding: 20px 10px 20px 30px;}
#section-container .main-item .main-item-container .title-container{margin-bottom:20px;}
#section-container .main-item .main-item-container .title-container .ice-logo,#section-container .main-item.mobile .top-line .ice-logo{ margin-left: 10px;  width: 54px; height: 36px; background-image: url(/Areas/Redesigned/Styles/images/ice-logo-black.png); background-repeat: no-repeat; background-position: center;}
#section-container .main-item .main-item-container .title-container .text{font-size: 40px; color: #282735;  font-family: OpenSans-Bold; margin-left: 10px; line-height: 40px;}
#section-container .main-item .main-item-container .desc-container{ height: 72px;overflow: hidden;}
#section-container .main-item .main-item-container .desc-container a,#section-container .main-item.mobile .data-container .description{color:#010101;}

#section-container .main-item.mobile{padding:15px;}
#section-container .main-item.mobile .top-line{padding-bottom:8px;border-bottom:1px solid #d3d3d3;}
#section-container .main-item.mobile .top-line .text{ color: #282735;  font-family: OpenSans-Bold;font-size: 36px;  line-height: 46px;}
#section-container .main-item.mobile .top-line .ice-logo{line-height: 36px;vertical-align: text-bottom; margin: 0 10px;}
#section-container .main-item.mobile .top-line .hand-img{width:46px;  margin-top: -22px; float: none; display: inline;}
#section-container .main-item.mobile  .title{ color: #282735; display: block; text-align: right; font-size: 26px;margin-bottom: 10px;}
#section-container .main-item.mobile .data-container{}
#section-container .main-item.mobile .data-container .description{ display: inline;}
#section-container .main-item.mobile .data-container .main-img{  margin-top: 6px;  float: left; display: inline;}
#section-container .main-item.mobile .data-container img{height:124px;width: auto;}

#section-container .series-by-category .mobile-more-btn{margin:30px auto 0 auto; line-height: 36px; white-space: nowrap;text-align:center; background-color: #c60917; color: #fff; width:100%; height: 36px;display: block; font-size: 24px; font-family: 'OpenSans-Bold';}

.rslides_tabs{display:flex;justify-content:center;}
.rslides_tabs a{color:#d81f26;font-size: 48px; line-height: 48px; display: block;}

@media(min-width:320px){
    #section-container .series-by-category ul.series-list { display: flex; flex-wrap: nowrap;}
    #section-container .series-by-category.specified ul.series-list { display: block; }
    #section-container .series-by-category.specified { margin-top: 30px;}
    #section-container .series-by-category.specified ul.series-list li{text-align:center;margin: 0 auto 50px auto;}
    #section-container .series-by-category.specified ul.series-list li{max-width:250px;}
    #section-container .series-by-category.specified ul.series-list li .series-img-container{position:relative; max-width: 250px;}
    #section-container .series-by-category.specified ul.series-list li .series-img-container .series-img{width:250px;}
    #section-container .series-by-category.specified ul.series-list li .series-img-container .hover-img{width:250px;height:250px;line-height:250px;}

    #section-container .series-by-category ul.series-list li{max-width:180px;margin-left: 20px;}
    #section-container .series-by-category ul.series-list li .series-img-container{position:relative; max-width: 180px;}
    #section-container .series-by-category ul.series-list li .series-img-container .series-img{width:180px;}
    #section-container .series-by-category ul.series-list li .series-img-container .hover-img{width:180px;height:180px;line-height:190px;}


    #section-container .title{font-size: 28px;text-align:center;}
    #section-container .title img{width:74px;}
    #section-container .series-by-category .category-title.table-responsive{white-space: nowrap; overflow-y: hidden;}
    #section-container .series-by-category .category-title.table-responsive h2{font-size: 26px; text-indent: 4px;    line-height: 20px;}
    #section-container .series-by-category .category-title.table-responsive .border-right{width: 6px; height: 18px; margin-left: 6px;}

    #section-container .series-by-category ul.series-list li .ranking-action-container .ranking-label{width: 30px;font-size: 14px;}
    #section-container .series-by-category ul.series-list li .ranking-action-container fieldset{width:calc(100% - 30px);white-space: nowrap;}
    .rating label { font-size: 24px; line-height: 34px;}
    #section-container .series-by-category ul.series-list li .name a{font-size:20px;line-height: 24px;}
    .rating {padding-right:2px}
    .rslides_tabs{margin-bottom:30px;}
}

@media(min-width:1200px){
    #section-container .series-by-category ul.series-list li{margin-left:0}
    #section-container .series-by-category.specified { margin-top: 0px;}
    #section-container .series-by-category.specified ul.categories-menu{ flex-wrap: wrap;}
    #section-container .series-by-category.specified ul li{    margin-bottom: 10px;}
    #section-container .series-by-category ul.series-list{display:flex;justify-content:space-between; flex-wrap: nowrap;}
    #section-container .series-by-category.specified ul.series-list{justify-content:flex-start;flex-wrap: wrap; display: flex;}
    #section-container .series-by-category.specified ul.series-list li{text-align:center;margin: 0 10px 80px 40px;}
    #section-container .series-by-category ul.series-list li,#section-container .series-by-category.specified ul.series-list li{max-width:190px;}
    #section-container .series-by-category ul.series-list li .series-img-container,#section-container .series-by-category.specified ul.series-list li .series-img-container{position:relative; max-width: 190px;}
    #section-container .series-by-category ul.series-list li .series-img-container .series-img,#section-container .series-by-category.specified ul.series-list li .series-img-container .series-img{width:190px;}
    #section-container .series-by-category ul.series-list li .series-img-container .hover-img,#section-container .series-by-category.specified ul.series-list li .series-img-container .hover-img{width:190px;height:190px;line-height:190px;}

    #section-container .title{font-size: 46px;text-align:right;margin: 40px 0 20px; padding-bottom: 20px;}
    #section-container .title img{width:130px;}
    #section-container .series-by-category h2{font-size: 36px; text-indent: 12px;}
    #section-container .series-by-category .category-title .border-right{width:8px;height:24px;margin-left:8px;}

    #section-container .main-item {display:flex; justify-content: space-between; flex-wrap: nowrap;margin: 40px 0 0 0;}
    #section-container .main-item .main-img-container img{height:180px; width:auto}
  
    #section-container .series-by-category ul.series-list li .ranking-action-container .ranking-label{ width: 44px;font-size: 17px;}
    #section-container .series-by-category ul.series-list li .ranking-action-container fieldset{width:calc(100% - 44px);}
    .rating label { font-size: 26px; line-height: 40px;}
    #section-container .series-by-category ul.series-list li .name a{font-size:22px;line-height: 26px;}
}