﻿.top-consools{padding-bottom:30px}
.top-consools .entery{height:321px;margin-top:15px}
.top-consools .entery:before,.top-consools .entery:after{height:321px;width:110px;position:absolute;content:"";top:0;z-index:10}
.top-consools .entery:before{right:5px;background:url('../img/shapes/joycon-right.webp')}
.top-consools .entery:after{left:5px;background:url('../img/shapes/joycon-left.webp')}
.top-consools .entery .entery_b{height:317px;margin:3px 110px 0 0;width:calc(100% - 220px);background:#000;padding:30px}
.top-consools .entery .entery_b .m-bg{transition-duration:0s;top:20px;right:20px;width:calc(100% - 40px);height:calc(100% - 40px);filter:blur(2px) grayscale(1) brightness(2);opacity:.5}
.top-consools .entery .entery_b .item{width:192px;padding:15px 10px;transform:scale(.9) rotate(3deg);opacity:.5}
.top-consools .entery .entery_b .item .ents{background:#334155}
.top-consools .entery .entery_b .item .ents .bg{height:235px;filter:saturate(1.5) contrast(1.1) brightness(.3) grayscale(0)}
.top-consools .entery .entery_b .item .ents .inside{transform:translateY(-50%);width:70%;right:15%;top:50%}
.top-consools .entery .entery_b .item .ents .inside .pic-area{backdrop-filter:blur(5px);width:80px;height:80px;margin:0 calc(50% - 40px);padding:3px;background:rgba(255, 255, 255, 0.5)}
.top-consools .entery .entery_b .item .ents .inside .pic-area .pic{height:73px}
.top-consools .entery .entery_b .item .ents .inside .title{margin:15px 0 8px}
.top-consools .entery .entery_b .owl-item.active .item{transform:scale(1) rotate(0deg);opacity:1}

.top-consools.archive-consools-page{--color:#03B6DA;background:url('../img/shapes/paper-bg.webp'),linear-gradient(to left,#03B6DA,#008BA7) no-repeat center;background-size:cover}
.top-consools.archive-consools-page .paper-bottom{bottom:0;right:0;border-bottom:100px var(--body) solid}
.top-consools.archive-consools-page .title-orgs{padding:50px 10px 5px}
.top-consools.archive-consools-page .title-orgs .ins{width:174px;margin:0 calc(50% - 87px)}
.top-consools.archive-consools-page .title-orgs .ins:before{position:absolute;content:"";width:25px;height:25px;background:url('../img/shapes/teline.svg') no-repeat center;background-size:100%;right:-25px;top:-15px}
.top-consools.archive-consools-page .con-shape-1{top:20px;right:0}
.top-consools.archive-consools-page .con-shape-2{bottom:250px;left:260px;opacity:.15}
.top-consools.archive-consools-page .con-shape-3{bottom:220px;right:170px;opacity:.2}
.top-consools.archive-consools-page .con-shape-4{bottom:215px;left:-30px;z-index:10000}


.top-consools.ishime{padding-bottom:20px;min-height:403px}


@media only screen and (min-width:920px){
.top-consools .entery .entery_b .owl-dots{display:none}
.top-consools .entery .entery_b .owl-next,.top-consools .entery .entery_b .owl-prev{width:40px;height:40px;color:#fff;top:calc(50% - 20px)}
.top-consools .entery .entery_b .owl-next{left:-20px}
.top-consools .entery .entery_b .owl-prev{right:-20px}
.top-consools .entery .entery_b .item:hover .ents .bg{transform:scale(1.2);filter:saturate(1.5) contrast(1.1) brightness(.8) grayscale(0) !important}
.top-consools .entery .entery_b .item:hover .title{opacity:0}
.top-consools .entery .entery_b .item:hover .ents .inside .pic-area{transform:translateY(40px) scale(1.5)}
.top-consools .entery .entery_b .owl-stage:hover .item .ents .bg{filter:saturate(1.5) contrast(1.1) brightness(.4) grayscale(1)}
.top-consools .entery .entery_b:hover .m-bg{filter:blur(2px) grayscale(0) brightness(1);opacity:.7}
}
@media only screen and (max-width:920px){
.top-consools.ishime{min-height:221px}
.top-consools{padding:7.5px 0 20px}
.top-consools .main{max-width:calc(100% - 26px)}
.top-consools .entery{height:164px;margin-top:7.5px}
.top-consools .entery:before,.top-consools .entery:after{height:164px;width:56px;background-size:100% !important}
.top-consools .entery .entery_b{width:calc(100% - 112px);margin:2px 56px;padding:15px;height:161px}
.top-consools .entery .entery_b .item{width:100%;transform:scale(1) rotate(0deg);opacity:1;margin:0}
.top-consools .entery .entery_b .item .ents{border-radius:10px}
.top-consools .entery .entery_b .item .ents .inside{transform:translateY(0);width:100%;right:0;top:0;padding:15px 10px}
.top-consools .entery .entery_b .item .ents .inside .title{font-size:14px;margin:8px 0}
.top-consools .entery .entery_b .item .ents .inside .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.top-consools .entery .entery_b .item .ents .inside .pic-area{width:52px;height:52px;margin:0 calc(50% - 26px);border-radius:10px}
.top-consools .entery .entery_b .item .ents .inside .pic-area .pic{height:46px;border-radius:10px}
.top-consools .entery .entery_b .item .ents .bg{height:104px;border-radius:10px}
.top-consools .entery .slider-consools{width:160px;margin:0 calc(50% - 80px)}
.top-consools .entery .slider-consools.owl-carousel .owl-stage-outer{overflow:inherit}
.top-consools .entery .slider-consools.owl-carousel{position:inherit}
.top-consools .entery .owl-dots,.top-consools .entery .owl-nav{display:none}
.top-consools .entery .entery_b .m-bg{filter:blur(2px) grayscale(1) brightness(1);top:8px;width:calc(100% - 19px);right:9px;height:calc(100% - 16px);border-radius:7px}
.top-consools .entery .entery_b:before,.top-consools .entery .entery_b:after{background:#000;height:100%;width:6px;top:0;content:"";position:absolute;z-index:100;border-radius:5px}
.top-consools .entery .entery_b:before{left:4px}
.top-consools .entery .entery_b:after{right:3px}
.top-consools.archive-consools-page .title-orgs{padding:20px 10px 5px}
.top-consools.archive-consools-page .title-orgs .ins{width:160px;margin:0 calc(50% - 80px)}
.top-consools.archive-consools-page .title-orgs .ins .titr{font-size:17px;margin-top:0}
.top-consools.archive-consools-page .title-orgs .ins:before{width:15px;height:15px;right:0;top:-5px}
.top-consools.archive-consools-page .con-shape-1{width:50px}
.top-consools.archive-consools-page .con-shape-2{bottom:140px;width:70px;left:30px}
.top-consools.archive-consools-page .con-shape-3{bottom:133px;width:50px;right:30px}
.top-consools.archive-consools-page .con-shape-4{bottom:100px;width:50px;left:0}
.top-consools.archive-consools-page .paper-bottom{border-bottom:60px var(--body) solid}
.top-consools.ishime{padding-bottom:12.5px}
}