body {
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  min-width: 1200px;
}

body:before {
    position: fixed;
    z-index: 4;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: -70px;
    padding-bottom: 70px;
    background: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translate3d(0,70px,0);
    transform: translate3d(0,70px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body.shadow .first_header:before, body.shadow:before {
    opacity: 1;
    visibility: visible;
}

i {
  font:inherit;
}

.first_header:before {
	    /* content: ""; */
	    z-index: 11;
	    background: rgba(0,0,0,.6);
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	    position: absolute;
	    content: "";
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    box-sizing: border-box;
}

.wrapper {
  /* width: 100%; */
  margin:0 auto;

  padding: 0 10px;
  margin: auto;
  max-width: 1180px;
}

.clearfix {
  clear:both;
}
.f_right{
  display:block;
  float: right;
}
.f_left {display:block;float:left;}

#top_menu {
  border-bottom:1px solid #e5e5e7;
}
.hor_menu li{
  display:inline-block;
  vertical-align:top;
  margin: 0 20px;
  /* height: 60px; */
}
.hor_menu li.active{
    border-top: 3px solid #ffcd02 !important;
}

#mainmenu .hor_menu li.active a{
	height: 57px;
line-height: 54px;
}

#top_menu .hor_menu li{
  line-height: 43px;
  height: 45px;
  margin-right: 25px;
}
#top_menu .hor_menu a:hover {
  text-decoration:underline;
}
#top_menu .hor_menu a{
  font-size:13px;
  color:#2980b9;
  text-decoration:none;
}

button.buttonpoisk {
    background: #5FACF3;
    border: 0px;
    height: 50px;
    border-radius: 0px 2px 2px 0px;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    width: 27%;
    padding: 0px;
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
}

button.buttonpoisk:hover {
    background: #84C4FF;
    color: #3D8DD6;
}


.b-menu{
    width: 80px;
    font-size: 30px;
    color: #fff;
    height: 66px;
    padding-left: 53px;
    position: relative;
    float: left;
    padding-right: 53px;
}

.b-menu a{
    width: 80px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 66px;
    height: 66px;
    display: block;
    background: url(../img/strdawn.svg) center no-repeat;
    background-position-x: 74px;
    background-position-y: 33px;
}


.b-popup{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    /* position: absolute; */
    /* top: 100px; */
    z-index: -1;
    /* background: #fff; */
    right: 0;
    /* width: 220px; */
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
}

.b-popup.activepop {
    opacity: 1;
    transform: translateZ(0px);
    z-index: 10;
    display: block;
}

.b-popup-content {
    margin-left: 252px;
    height: 310px;
    width: 390px;
    background: linear-gradient(203.49deg, #EE7C4C 18.77%, rgba(222, 75, 40, 0.78) 90.42%);
    padding: 0px 0px 30px 20px;
}

.b-poplist {
    width: 45%;
    padding-top: 10px;
    float: left;
    padding-bottom: 30px;
    border-right: 0.5px solid rgba(255, 255, 255, 0.67);
}

.b-poplist.right {

    padding-left: 20px;
border:0px;
}

.b-poplist li {
font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    font-size: 13px;
    color: #FFFFFF;
}

.b-poplist li a {
    color: #FFFFFF;
}

.b-popmenu {
    width: 100%;
    height: 100%;

    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    /* position: absolute; */
    /* top: 100px; */
    z-index: -1;
    /* background: #fff; */
    right: 0;
    /* width: 220px; */
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
}

.b-popmenu.activepop {
    opacity: 1;
    transform: translateZ(0px);
    z-index: 10;
    display: block;
}

.b-popmenu-content {top: 110px;position: relative;/* left: 350px; */height: 200px;max-width: 1200px;margin: 0 auto;}

.b-popmenu-body {
    float: right;
    /* height: 310px; */
    width: 400px;
    background: #F6F6F6;
}

ul.b-popmenu1 {

}

ul.b-popmenu1 li {
    height: 50px;
    line-height: 50px;
    padding-left: 59px;
    color: #000000;
    border-bottom: 1px solid #F2F3F5;
}

ul.b-popmenu1 li a{
	color: #000000;
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: flex;
}

ul.b-popmenu1 li a:hover{
	color: #3D8DD6;
}

.b-popmenu2 {
    margin-left: 10px;
    margin-bottom: 20px;
    text-align: center;
}



span.writeus {
    display: block;
    color: black;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.b-popmenu2 a{
    width: 15%;
    display: inline-block;
    height: 30px;
}


.b-popmenu2 a.menulink.vkchat {
    background: url(../img/vk.svg) center center no-repeat;
    height: 30px;
}
.b-popmenu2 a.menulink.vkgroup {
    background: url(../img/fb.svg) center center no-repeat;
}
.b-popmenu2 a.menulink.email {
    background: url(../img/chat.svg) center center no-repeat;
}


a.closemenu {
    background: url(../img/close.svg) center right no-repeat;
    /* float: right; */
    /* width: 100%; */
    height: 20px;
    margin-right: 15px;
    margin-top: 15px;
    display: block;
    /* padding-right: 10px; */
}

a.closemenu:hover {background: url(../img/closefull.svg) center right no-repeat;}


.hor_social li:first-child {
  margin-right:35px;
}
.hor_social li {
  display:inline-block;
}
.hor_social a:before {
  content:'';
  margin-top: 8px;
  margin-right:8px;
  display:block;
  float:left;
  height:28px;
  width:28px;
  border:1px solid #e5e5e7;
  border-radius:30px;
}
.hor_social a:hover {
  text-decoration:underline;
}
.hor_social a {
  font-size:13px;
  text-decoration:none;
  display:block;
  color:#2980b9;
  height:45px;
  vertical-align: top;
  line-height: 45px;
}
.hor_social .vk:before {
  background:url('../img/vk.png') no-repeat center center;
}
.hor_social .fb:before {
  background:url('../img/fb.png') no-repeat center center;
}
.first_header {
  height: 110px;
  width: 100%;
  margin: auto;
  background: #3D8DD6;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
#logo {margin: 30px 50px 10px 0;height: 51px;width: 179px;background: url(../img/newlogo.svg) no-repeat center center;}

#logo {
    margin: 22px 50px 10px 0;
    height: 59px;
    width: 190px;
    background: url(../img/newlogo.svg) no-repeat center center;
}


#logonewyear {
    margin: 22px 50px 10px 0;
    height: 59px;
    width: 190px;
    background: url(../img/logonewyear.svg) no-repeat center center;
}

#search {margin: 30px 0;width: 43%;height: 50px;display: inline-table;}

#search input[type="text"] {
  transition:all 0.2s ease;
  width: 73%;
  vertical-align: middle;
  height: 50px;
  line-height: 50px;
  font-size:15px;
  padding: 0px;
  color: #C4C4C4;
  border-left-width: 11px;
  box-sizing: border-box;
  position: relative;
  border-color: #ffffff;
  border-style: solid;
}

#search form {
  position:relative;
  transition:all 0.2s ease;
  background: #ffffff;
  border-radius: 2px;
  width: auto;
  border-left-width: 11px;
  box-sizing: border-box;
  position: relative;
}

.sub_menu {
  height: 50px;
  margin: 30px 0;
  line-height: 50px;
}
.mynote a:hover {
background: url(../img/likefull.svg) center left no-repeat;

}

.mycartin a:hover {
background: url(../img/cartfull.svg) center left no-repeat;

}

.mymenuin:hover {
background: url(../img/menufull.svg) center left no-repeat;

}
.sub_menu li:last-child {
margin-right:0px !important;
}
.sub_menu li {display:inline-block;margin-right: 20px;}
.sub_menu li:before  {
  content: '';
  width: 27px;
  line-height: 50px;
  height: 50px;
  display: none;
}
.sub_menu a {
  font-size: 15px;
  font-weight: 500;
  /* vertical-align: middle; */
  line-height: 50px;
  /* margin-top: 12px; */
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  min-width: 33px;
    min-height: 50px;
}

.sub_menu a:hover {
    color: #FFD600;
}
.sub_menu li:first-child:before  {
background:url('../img/ment.png') no-repeat left center;
}
.sub_menu li:nth-child(2):before  {
background:url('../img/star.png') no-repeat left center;
}
.sub_menu li:nth-child(3):before  {
background:url('../img/cart.png') no-repeat left center;
}

span#cart_is_empty {
display: inline-block;
    padding-top: 20px;
    width: 92%;
    text-align: center;
    font-family: 'Road Radio Regular';
    font-size: 16px;
    padding-bottom: 20px;
    margin-top: 30px;
  }

#container span.info_value_seller a {
color: #2980b9;
text-decoration: none;
transition: all 0.2s ease;
}

#mainmenu {height: 60px;background: #3D8DD6;border-top: 1px solid #469CEC;}
.cat_link span{font-size: 11px;color: #ffffff;}
.cat_link:hover {background-color: #84C4FF;color: #3D8DD6;}
.cat_link {
  background: transparent url('../img/category.svg')  no-repeat 15px 20px;
  transition:all 0.2s ease;
  text-decoration: none;
  /* height: 60px; */
  color: #F2F3F5;
  font-size: 15px;
  line-height: 60px;
  width: 120px;
  margin-right: 30px;
  padding-left: 50px;
  /* padding-top: 17px; */
  /* padding-bottom: 12px; */
  padding-right: 10px;
  background-color: #5FACF3;
}
#mainmenu .hor_menu a:hover {color: #FFD600;}
#mainmenu .hor_menu a {
  transition:all 0.2s ease;
  display: block;
  font-size: 15px;
  color: #FFFFFF;
  text-decoration: none;
  /* margin: 0 19px; */
  line-height: 60px;
  height: 60px;
}
.sidebar .left_menu > ul > li:last-child {
margin-bottom:0px !important;
}
.sidebar .left_menu > ul > li {
margin-bottom:0px;
}
.sidebar .left_menu > ul > li > a:after {
  transition: all 0.1s ease;
  opacity: 0;
  content: '';
  border: 19px solid rgba(0, 0, 0, 0);
  border-right: 8px solid #3d8dd6;
  position: absolute;
  left: -27px;
  top: 0px;
}

.sidebar .left_menu > ul > li:hover > a:after {
  opacity:1;
}
.sidebar .left_menu > ul > li:hover > a {background: #3d8dd6;color:#fff;}
.sidebar .left_menu > ul > li > a {
  position:relative;
  transition:all 0.1s ease;
  padding: 12px 0 12px 33px;
  display: block;
  color:#2980b9;
  font-size:14px;
  text-decoration:none;
  z-index: 2;
  color: #989898;
  font-size: 15px;
}

.sidebar .left_menu{background: #F6F6F6;padding:20px 0 20px 0px;position: relative;margin-bottom: 30px;}
.sidebar {
width:273px;
}
.category .sidebar {
margin-top:30px;
}

.category .sidebar.main {
margin-top:-7px;
}
.banner {
  margin-bottom: 30px;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 45px;
}
.sidebar_block {
margin-bottom: 30px;
background: #FFF;
border-radius:2px;
}

.sidebar_games {
    background: #F6F6F6;
}

.fa-search:before {
	/* content: ""; */
	/* background: url(../img/icons/leftbanner.svg) no-repeat center; */
	/* height: 40px; */
	/* width: 40px; */
	/* position: absolute; */
	/* right: 0px; */
	/* float: right; */
}

.sidebar_title {font-size: 20px;font-weight: 500;color: #353535;background: #fff;padding: 0 20px 5px 0px;line-height: 40px;border-bottom: 3px solid #ffcd02 !important;display: inline-block;}
.support_links a:hover {}
.support_links a:last-child{
margin-bottom:0px !important;
}
.support_links a:hover:before{
  border: 2px solid #F6F6F6;
  text-decoration: none;
}
.support_links a:nth-child(1):before{background: url('../img/icons/help-gray.svg') no-repeat center center;}
.support_links a:nth-child(2):before{background: url('../img/icons/mailgray.svg') no-repeat center center;}
.support_links a:nth-child(3):before{background: url('../img/icons/vk-gray.svg') no-repeat center center;}
.support_links a:nth-child(4):before{background: url('../img/icons/chat-gray.svg') no-repeat center center;text-decoration: none;}
.support_links a:before{
  transition:all 0.2s ease;
  margin-right: 10px;
  content: '';
  display: inline-block;
  width: 26px;
  float: left;
  height: 18px;
  text-decoration: none;
}
.support_links a{margin-bottom: 15px;line-height: 18px;display:block;font-size: 15px;color: #989898;text-decoration:none;}
.support_links {
  padding: 30px 30px;
  background: #F6F6F6;
  border-radius: 2px;
}
.child_menu {
  position: absolute;
    right: 273px;
    top: 0px;
    background: rgba(232, 232, 232, 0.98);
    display: none;
    z-index: 1;
    padding: 30px 0 40px;
    border-radius: 5px 0px 0px 5px;
}

.child_menu .sidebar_list {
  background: inherit;
}

.child_menu .sidebar_list a {
  color: #595959;
}

.child_menu {
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  z-index: 3;
}

.child_menu.active {
  display: block;
  max-height: 500px; /* подберите под ваш контент */
  opacity: 1;
}

.child_menu .column {width:273px;padding-left: 20px;padding-right: 20px;}
.menu_cat:last-child {
margin-bottom:0px;
 }
.menu_cat {
margin-bottom:20px;
}
.menu_cat > a:first-child {
font-weight:bold;
margin-bottom:3px;
}
.menu_cat > a:hover, .child_menu .column > a:hover  {
text-decoration:underline;
}
.menu_cat > a >span, .child_menu .column > a span{
color:#bedef3;
font-size:10px;
display:inline-block;
text-decoration:none !important;
margin-left:3px;
}
.child_menu .column > a {margin-bottom:3px;}
.menu_cat > a, .child_menu .column > a  {display:block;color: #595959;font-size: 15px;line-height:20px;text-decoration:none;}

.forh1 {
    display: inline-block;
}
.content {/* width: 910px; *//* float:right; */}
h1 {font-size:17px;font-weight:bold;color:#2980b9;margin:20px 0;font-size: 25px;font-weight: 500;color: #1F1F1F;margin: 20px 0px;opacity: 0.9;line-height: 30px;/* display: inline-block; */}
h2 {font-size: 20px;font-weight: 500;font-size: 15px;/* line-height: 18px; */}

h2.zagcontent {
  font-size: 16px;
    padding: 10px 20px;
    display: inline-block;
}
.breadcrumbs {padding: 10px 0;}



/* or 120% *//* letter-spacing: 0.03em; *//* color: #000000; *//* margin: 20px 0px; *//* opacity: 0.9; *//* padding-bottom: 10px; *//* border-bottom: 3px solid #FFCD03; *//* display: table; */}

h2.zagcontent  {
    font-size: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: #000000;
    margin: 20px 0px;
    opacity: 0.9;
    /* padding-bottom: 10px; */
    /* border-bottom: 3px solid #FFCD03; */
    display: table;
    padding-left: 20px;
}

h2.similar  {
  padding: 50px 20px 20px;
      font-size: 16px;
      border-bottom: 1px solid #E5E5E5;
}

    .rcur:after  {
content: "\20BD";
        margin-left: 5px;
        font-size: 14px;
        vertical-align: middle;
        line-height: 9px;
        font-weight: 500;
display:block!important;
      }

.h2tanks h2 {
    font-size: 20px;
    font-weight: 500;
    color: #353535;
    background: #fff;
    /* padding: 0 20px 5px 0px; */
    line-height: 40px;
    border-bottom: 3px solid #ffcd02 !important;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}

h3 {
    font-size: 15px;
    font-weight: bold;
    color: #2980b9;
    margin: 20px 0;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    color: #2980b9;
    margin: 20px 0;
}
h5 {
    font-size: 15px;
    font-weight: bold;
    color: #2980b9;
    margin: 20px 0;
}
.product {
position:relative;
width:200px;
overflow:hidden;
margin-right:20px;
  float: left;
}
.product a{
  text-decoration: none;
}
.product a:hover .image {
opacity:1;
}
.product .image {
  opacity:0.95;
  transition:all 0.2s ease;
  width:200px;
  height:130px;
  overflow:hidden;
  position:relative;
}
.product .price:after{
		content: '\20BD';
		font-size: 11px;
		padding-left: 5px;
		font-weight:normal;
}
.product .price:before {
	content: 'OT';
	font-weight:normal;
	font-size: 9px;
	padding-right: 5px;
}

.productxbox .price:after{
		content: '\20BD';
		font-size: 11px;
		padding-left: 5px;
		font-weight:normal;
}
.productxbox .price:before {
	content: 'OT';
	font-weight:normal;
	font-size: 9px;
	padding-right: 5px;
}
.product .price {position:absolute;right:0px;bottom: 10px;background: #FFD600;color: #000000;font-size: 13px;font-weight:bold;padding:6px 10px;border-radius: 2px 0px 0px 2px;z-index: 2;}
.product .title {
  font-size: 15px;
  color: #1F1F1F;
  display: block;
  margin-top: 10px;
  font-weight: 500;
}
.product a:hover .title {color: #3D8DD6;}
#top_sell {
  position:relative;
  background: #FFF;
  padding: 24px 0px 6px 30px;
  box-shadow: 0px 4px 30px rgba(152, 152, 152, 0.2);
  margin-bottom: 20px;
}

#top_sell .carousel_wrap {
  height: 140px;
  margin-bottom: 15px;

}
.carousel_wrap {
overflow:hidden;
position:relative;
}
#top_sell .carousel_container {
left:0px;
position:absolute;
width:3000px;
transition:all 0.4s ease;
}
.carousel_navi .next {display:inline-block;width:24px;height:24px;background: url('../img/icons/goright.svg') no-repeat center;}
.carousel_navi .next:hover {background: url('../img/icons/gorighth.svg') no-repeat center;background-color: #F6F6F6;}
.carousel_navi .prev:hover {background: url('../img/icons/golefth.svg') no-repeat center;background-color: #F6F6F6;}
.carousel_navi .prev {display:inline-block;width:24px;height:24px;background: url('../img/icons/goleft.svg') no-repeat center;}
.carousel_navi {
  position: absolute;
  top: -40px;
  right: 0px;
}
.carousel_navi .next.disabled {background: url('../img/icons/gorightnoactive.svg') no-repeat center !important;}
.carousel_navi .prev.disabled {background: url('../img/icons/goleftnoactive.svg') no-repeat center !important;}
.carousel_navi .next.disabled, .carousel_navi .prev.disabled {
  opacity: 1;
  cursor: default;
}
#container > .wrapper {
  overflow: visible;
}

.tab_content.active {
display:block;
}
.tab_content {
display:none;
}
.products_container .product{
margin-bottom: 20px;
}
.products_container {
padding:20px 20px 10px;
background:#fff;
}

.products_container .product:nth-child(4n+4) {
margin-right:0px !important;
}
.product.event:after {
content:'';
width:49px;
height:49px;
display:block;
position:absolute;
left:0px;
top:0px;
background:url('../img/event.png') no-repeat left top;
}
.show_all:active:before {
  background: url('../img/show_all.png') no-repeat left bottom !important;
}
.show_all:active{
background:#fafafa;
}
.show_all:hover:before {
  background: url('../img/show_all.png') no-repeat right top;
}
.show_all:before {
  content: '';
  margin-right: 10px;
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url('../img/show_all.png') no-repeat left top;
  vertical-align: top;
  margin-top: 28px;
}
.show_all {
display:block;
margin:20px 0 75px;
background:#fff;
line-height:70px;
text-align:center;
font-size:17px;
color:#2980b9;
text-decoration:none;
font-weight:bold;
}
#reviews {
position:relative;
padding:30px 35px 50px;
background:#fff;
  margin-bottom: 95px;
}

.review_content {
  font-size: 13px;
  color: #4F4F4F;
  line-height: 20px;
}
.review_title:hover {
text-decoration:underline;
}
.review_title {
color:#2980b9;
  display: inline-block;
margin-bottom:20px;
text-decoration:none;
font-weight:bold;
}
.review .date {
display:block;
color:#2980b9;
font-size:13px;
margin-top:15px;
}
#reviews .column:nth-child(3n+1) {
margin-right:20px;
}
.review:last-child {
margin-bottom:0px !important;
}
.review {
margin-bottom:50px;
}
#reviews .column {
float:left;
width:405px;
}

#reviews .carousel_container {
  left: 0px;
  position: absolute;
  width: 3000px;
  transition: all 0.4s ease;
}
#reviews .slide {
float:left;
}
#reviews .carousel_wrap {
transition: all 0.5s ease;
}
#container {
  border-bottom: 1px solid #E5E5E7;
}
.banner_item:before {
opacity:0.95;
z-index:2;
content:'';
display:block;
position:absolute;
left:0px;
top:0px;
width:280px;
height: 180px;
background: linear-gradient(180deg, #061B32 0%, rgba(31, 31, 31, 0.06) 60.42%);
}

.banner_item.soft:before {

background:none!important;

}
.banner_title {
  font-weight: 500;
  z-index:3;
  position: absolute;
  left: 20px;
  top: 0px;
  line-height: 30px;
  color: #FFF;
  text-decoration: none;
  border-bottom: 3px solid #ffcd02 !important;
  margin-top: 10px;
  font-size: 15px;
}
.banner_item:hover img{
opacity:1;
}
.banner_item img{
z-index:1;
opacity:0.90;
transition:all 0.2s ease;
width:280px;
height: 180px;
}
.banner_item {
  float:left;
  display:block;
  position:relative;
}
#banner .carousel_wrap {
  height: 180px;
}

.banner.xbox #banner .carousel_wrap {
  height: 340px;
}

.banner.xbox .banner_item img{

height: 340px;
}

.banner_item:before {

height: 340px;

}


.banner_navi .next {display:inline-block;width:24px;height:24px;background: url('../img/icons/rightbanner.svg') no-repeat center;}
.banner_navi .next:hover {background-color: rgba(255, 255, 255, 0.19);}
.banner_navi .prev:hover {background-color: rgba(255, 255, 255, 0.19);}
.banner_navi .prev {display:inline-block;width:24px;height:24px;background: url('../img/icons/leftbanner.svg') no-repeat center;}
.banner_navi {
  z-index: 4;
  position: absolute;
  top: 12px;
  right: 12px;
}
.banner_navi .next.disabled {
background:url('../img/arrows2.png') no-repeat right top !important;
}
.banner_navi .prev.disabled {
background:url('../img/arrows2.png') no-repeat left top !important;
}
.banner_navi .next.disabled,.banner_navi .prev.disabled {
  opacity: 0.3;
  cursor: default;
}
#banner {
position:relative;
}

#banner .carousel_container {
  left: 0px;
  position: absolute;
  width: 500px;
}

span.bannerprice {
    position: absolute;
    right: 0px;
    bottom: 30px;
    background: #FFD600;
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 3px 0px 0px 3px;
    width: 112px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #1F1F1F;
    font-size: 20px;
    font-weight: bold;
}

span.bannerprice:after {
  content: "\20BD";
  padding-left: 5px;
  line-height: 15px;
  font-size: 20px;
  font-weight: bold;
}
.payment {
opacity:0.8;
background:url('../img/payment.png') no-repeat center center;
width:100%;
height:140px;
}

#footer {background: #3D8DD6;padding: 35px 0 35px;}


#footer > .wrapper {
overflow:visible;
}

.fcolumn1 {
    width: 280px;
    display: inline-block;
    float: left;
    background: url(../img/newlogo.svg) left top no-repeat;
    padding-top: 80px;
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 35px;
}

.fcolumn1 span{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #C1D9E8;
    margin-top: 15px;
}

.fcolumn2 {
	display: inline-block;
	width: 50%;
}

.fcolumn2menu1{
	width: 49%;
	display: inline-block;
}

.fcolumn2menu1 ul{
    width: 180px;
    float: right;
}

.fcolumn2 li.zag{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.fcolumn2 li a{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 35px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	text-decoration: none;
}

.fcolumn2menu2{
	width: 49%;
	display: inline-block;
}

.fcolumn2menu2 ul{
    width: 180px;
    float: left;
}

.fcolumn3 {
    display: inline-block;
    float: right;
    width: 280px;
}

span.socfooter {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

li.fb{
    list-style: none;
    background: url(../img/fb-blue.svg) left top no-repeat;
    height: 32px;
		display: inline-block;
margin-right: 20px;
    width: 32px
		    margin-top: 10px;
}

li.vk{
    list-style: none;
    background: url(../img/vk-blue.svg) left top no-repeat;
    height: 32px;
		display: inline-block;
margin-right: 20px;
    width: 32px;
		    margin-top: 10px;
}

.fcolumn3 a{
width: 32px;
    height: 32px;
    display: block;
    cursor: pointer;
}

span.contactfooter {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 50px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    padding-top: 30px;
}

.mailfooter {
    background: url(../img/mail.svg) left center no-repeat;
    padding-left: 25px;
    color: #ffffff;
}


 #go_top:hover {
 background:url('../img/go_top_h.png') no-repeat left top;
 }
 #go_top {
   z-index: 10;
       display: none;
       transition: all 0.2s ease;
       position: fixed;
       left: 20px;
           bottom: 30px;
       width: 54px;
       height: 54px;
       display: block;
       background: url(../img/go_top.png) no-repeat left top;
 }
 body:after {
 display:none;
 content:url('../img/go_top_h.png');
 }
 .prev {
 margin-right:5px;
 }
 li:nth-child(1n+6) .child_menu {
   min-height: 311px;
 }

 .vk_group {
  margin-bottom: 150px;
 }

 .category_desc p{
 margin-bottom:10px;
 }
 .category_desc .text{
 display: block;
 }
 .category_desc {
  padding: 0px;
  line-height: 20px;
  font-size: 13px;
  color: #4F4F4F;
  background: #FFF;
  margin-bottom:30px;
  display: block;
 }
 .category_image img{
 max-width:100%;
 height:auto;
 vertical-align: middle;
 margin: auto;
 }
 .category_image {
  text-align: right;
  width: 180px;
  /* display: inline-block; */
  float: left;
  opacity: 0.95;
  transition: all 0.2s ease;
  /* width: 100%; */
  overflow: hidden;
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 210px;
  background: #F6F6F6;
  border-radius: 2px;
 }

 .category_about {
    width: 100%;
    display: table-cell;
    padding: 10px 20px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #000000;
    width: 580px;
}
 .products_list {
	 margin-bottom: 150px;
	 background: #F6F6F6;
	 margin-bottom:150px;
	 box-shadow: 0px 4px 30px rgba(152, 152, 152, 0.2);
	 border-radius: 2px;
	 width: 880px;
	}
 .list_head a:hover{
  color:#53a8e0;
 }
 .list_head a{
  transition:all 0.2s ease;
  display:inline-block;
  color: #2980b9;
  font-size:14px;
  text-decoration:none;
  float: right;
  padding-left:15px;
  line-height: 14px;
  margin: 33px 0 10px 10px;
 }
 .list_pagination {
  margin-top:20px;
 }
 .list_body {

 }

 .searchcat {
    transition: all 0.2s ease;
    text-decoration: none;
    padding: 0 15px;
    margin: 0;
    height: 60px;
    background: #ffffff;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
/* identical to box height, or 111% */
    display: flex;
    align-items: center;

    float: left;
}

 .list_head {
	 background: #EDEDED;
	 cursor: default;
	 font-size: 13px;
	 line-height: 30px;
	 height: 30px;
	}

.list_head span.namehead {
	cursor: default;
	line-height: 28px;
	/* color: #2f81b7b5; */
	font-size: 12px;
	padding: 0px 10px 0px 30px;
	width: 520px;
	display: inline-block;
}

 .product_list .price:after{
  content:"\20BD";
    padding-left: 3px;
    line-height: 15px;
    font-size: 12px;
    font-weight: normal;
 }
 .product_list .price{
  display:inline-block;
  text-decoration:none !important;
  float:right;
  font-weight: bold;
 }
 .product_list:hover {
 background:#e4f4fe !important;
  text-decoration:underline;
 }
 .product_list:first-child {
  margin-top:0px !important;
 }
 .product_list {
  transition:all 0.2s ease;
  line-height:40px;
  color:#2980b9;
  font-size:15px;
  text-decoration:none;
  display: block;
  padding: 0 25px;
  margin:5px 0;
height: 40px;
 }
 .product_list:nth-child(2n+1) {
 background:#f8fcfe;
 }
 .list_pagination a.active{
  background: #BEDEF3;
  cursor:default;
  color: #2980B9 !important;
  border-radius: 3px;
 }
 .list_pagination a:hover{
 color:#53a8e0;
 }
 .list_pagination a{
  display: inline-block;
  transition:all 0.2s ease;
  text-decoration: none;
  color: #2980B9;
  font-weight: bold;
  font-size: 15px;
  padding: 5px 8px;
 }
 .list_pagination {
 cursor:default;
  padding: 19px 20px;
 text-align:center;
 background:#fff;
 }
 .list_head a {
 position:relative;
 }
 .asc.active:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top: 3px solid #2980b9;
 }
 .desc.active:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  border: 3px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid #2980b9;
 }

div.product_top in {display: inline-block;width: 15px;height: 15px;font-weight: bold;text-align: center;color: #fff;position: relative;top: 2px;border-radius: 50%;cursor: pointer;overflow: hidden;font-style: inherit;background: url(../img/icons/infogray.svg) top left no-repeat;}

.sidebar_list {
    overflow:hidden;
    padding: 19px 5% 19px 15%;
    background: #F6F6F6;
    counter-reset: item;
    list-style-type: none;
}
.sidebar_list a:hover {
text-decoration:underline;
 }
.sidebar_list a {word-break: break-all;width: 300px;color: #989898;font-size: 15px;text-decoration:none;display: block;}
.sidebar_list li:after {
  position: absolute;
  right: -15px;
  top: 0px;
  width: 40px;
  height: 25px;
  background: url(../img/shade.png) no-repeat right top;
  z-index: 1;
 }
.sidebar_list li {
  position:relative;
  display: block;
  line-height: 30px;
  /* height: 25px; */
  overflow: hidden;
}

.sidebar_list li.zag {
display: inline-block;
    background: url(../img/down.svg) center right no-repeat;
    padding-right: 20px;
		}

.sidebar_list li:before {
    color:#c0c0c0;
    font-size:14px;
    width:25px;
    display:inline-block;
    content: counter(item) "  ";
    counter-increment: item
}
.awaited .date {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 2;
  min-width:50px;
  padding-left: 5px;
  background: #FFF;
  font-size: 10px;
  color: #2980B9;
}
.awaited li:after {
  right: 55px !important;
}

.sidebar_right .sidebar_block:last-child{
  margin-bottom: 150px !important;
}
.sidebar_right .sidebar_block:before{
  content: '';
  position: absolute;
  left: -12px;
  top: 19px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid #2980B9;
}
.sidebar_right .sidebar_block{
position:relative;
margin-bottom:20px;
}
.sidebar_right {
  width:236px;
}
.no_decimal li:before {
display:none;
}


.icon {  white-space: nowrap; }
.icon:before {
    content: '';
    background-color: #E8E8E8;
    background-repeat: no-repeat;
    background-position: 21px 21px;
    margin: 0 3px;
    left: 0;
    top: 3px;
    position: relative;
    width: 30px;
    height: 30px;
    display: inline;
    display: inline-block;
    border-radius: 30px;
}

a.icon-url{ display: inline !important;}
.icon-url {
	text-decoration: none;
	display: inline;
	margin-right: 2px;
}
.icon-url .checked { position: absolute; z-index: 1; }
.icon-url .checked:before {
	content: '';
	background-image: url('/img/icons/checked.svg');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	right: 2px;
	position: absolute;
	display: inline-block;
}

a.active .icon:before {background-color: #FFD600;}

.icon-action:before {background-image: url(/img/genre/shooter.svg);background-position: center;}
a.active .icon-action:before {background-image: url(/img/genre/shooter-a.svg);background-position: center;}
.icon-action:hover:before { background-color: #FFD600; }

.icon-horror:before { background-image: url(/img/genre/trillers.svg);background-position: center; }
a.active .icon-horror:before { background-image: url(/img/genre/trillers-a.svg);background-position: center; }
.icon-horror:hover:before {background-color: #FFD600;}

.icon-two-persons:before {background-image: url(/img/genre/2gamers.svg);background-position: center; width: 29px;}
a.active .icon-two-persons:before {background-image: url(/img/genre/2gamers-a.svg);background-position: center; width: 29px;}
.icon-two-persons:hover:before { background-color: #FFD600; width: 29px;}

.icon-simulators:before {background-image: url(/img/genre/simulators.svg);background-position: center;}
a.active .icon-simulators:before {background-image: url(/img/genre/simulators-a.svg);background-position: center;}
.icon-simulators:hover:before { background-color: #FFD600; }

.icon-arcade:before {background-image: url(/img/genre/arcade.svg);background-position: center;}
a.active .icon-arcade:before {background-image: url(/img/genre/arcade-a.svg);background-position: center;}
.icon-arcade:hover:before { background-color: #FFD600; }

.icon-childs:before {background-image: url(/img/genre/forkids.svg);background-position: center;}
a.active .icon-childs:before {background-image: url(/img/genre/forkids-a.svg);background-position: center;}
.icon-childs:hover:before { background-color: #FFD600;}

.icon-race:before {background-image: url(/img/genre/speed.svg);background-position: center;}
a.active .icon-race:before {background-image: url(/img/genre/speed-a.svg);background-position: center;}
.icon-race:hover:before {background-color: #FFD600; }

.icon-sport:before {background-image: url(/img/genre/sports.svg);background-position: center;}
a.active .icon-sport:before {background-image: url(/img/genre/sports-a.svg);background-position: center;}
.icon-sport:hover:before { background-color: #FFD600;}

.icon-strategy:before {background-image: url(/img/genre/stratage.svg);background-position: center;}
a.active .icon-strategy:before {background-image: url(/img/genre/stratage-a.svg);background-position: center;}
.icon-strategy:hover:before { background-color: #FFD600; }


.icon-role-game:before {background-image: url(/img/genre/roll.svg);background-position: center;}
a.active .icon-role-game:before {background-image: url(/img/genre/roll-a.svg);background-position: center;}
.icon-role-game:hover:before { background-color: #FFD600; }

.icon-reset:before {background-image: url(/img/genre/delete.svg);background-position: center;}
a.active .icon-reset:before {background-image: url(/img/genre/delete-a.svg);background-position: center;}
.icon-reset:hover:before { background-color: #FFD600; }

.icon-indi:before {background-image: url(/img/genre/indi.svg);background-position: center;}
a.active .icon-indi:before {background-image: url(/img/genre/indi-a.svg);background-position: center;}
.icon-indi:hover:before { background-color: #FFD600; }

/*.menu-items li[data-category] { display:none; }*/

.icon-role-game:before {
	background-image: url(/img/genre/rpg.svg);
	background-position: center;
}
a.active .icon-role-game:before {
	background-image: url(/img/genre/rpg-a.svg);
	background-position: center;
}
.icon-role-game:hover:before {
	background-color: #FFD600;
}

.icon-fps:before {
	background-image: url(/img/genre/fps.svg);
	background-position: center;
}
a.active .icon-fps:before {
	background-image: url(/img/genre/fps-a.svg);
	background-position: center;
}
.icon-fps:hover:before {
	background-color: #FFD600;
}

.icon-survival:before {
	background-image: url(/img/genre/survival.svg);
	background-position: center;
}
a.active .icon-survival:before {
	background-image: url(/img/genre/survival-a.svg);
	background-position: center;
}
.icon-survival:hover:before {
	background-color: #FFD600;
}

.icon-open-world:before {
	background-image: url(/img/genre/open-world.svg);
	background-position: center;
}
a.active .icon-open-world:before {
	background-image: url(/img/genre/open-world-a.svg);
	background-position: center;
}
.icon-open-world:hover:before {
	background-color: #FFD600;
}

.icon-fighting:before {
	background-image: url(/img/genre/fighting.svg);
	background-position: center;
}
a.active .icon-fighting:before {
	background-image: url(/img/genre/fighting-a.svg);
	background-position: center;
}
.icon-fighting:hover:before {
	background-color: #FFD600;
}



.iconw:before {
    content: '';
    background-repeat: no-repeat;
    margin: 0 3 px;
    left: 0;
    top: 3px;
    position: relative;
    width: 21px;
    height: 20px;
    display: inline;
    display: inline-block;
opacity: 0.2;
}

.iconw-ussr:before {     background-image: url('/icons/wot/ussr.svg'); }
.iconw-ussr:hover:before { opacity: 1; }

.iconw-germany:before {     background-image: url('/icons/wot/germany.svg'); }
.iconw-germany:hover:before { opacity: 1; }

.iconw-usa:before {     background-image: url('/icons/wot/usa.svg'); }
.iconw-usa:hover:before { opacity: 1; }


.iconw-china:before {     background-image: url('/icons/wot/china.svg'); }
.iconw-china:hover:before { opacity: 1; }


.iconw-france:before {     background-image: url('/icons/wot/france.svg'); }
.iconw-france:hover:before { opacity: 1;}


.iconw-britain:before {     background-image: url('/icons/wot/britain.svg'); }
.iconw-britain:hover:before { opacity: 1; }

.iconw-italy:before {     background-image: url('/icons/wot/italy.svg'); }
.iconw-italy:hover:before { opacity: 1; }


 #mouse-port {
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch; /* плавная прокрутка на iOS */
        position: relative;


        height: 69px;

		border:1px solid #fff;
		border-bottom:1px solid #ddd;
    }

 #mouse-portw {
        overflow: hidden;
        position: relative;


        height: 69px;

		border:1px solid #fff;
		border-bottom:1px solid #ddd;
    }


	.search {
		position: relative;
		color: #2980b9;
		font-size: 16px;
		/* text-align: center; */
		margin-left: 20px;
		margin-right: 20px;
		height: 40px;
	}

	.search input {
		width: 100%;
		height: 40px;
		display: inline-block;
		border-radius: 2px;
		border: 0px;
		padding: 0px;
		color: #C4C4C4;
		font-size: 15px;
	}

	.search input {text-indent: 20px;}
	.search .fa-search {
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(../img/icons/search.svg) no-repeat center;
		width: 40px;
		height: 40px;
		background-color: #E8E8E8;
	}

	td.searchfield {
		width: 300px;
	}

	button.button {
    width: 100%;
    height: 37px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #2980b9;
    background-color: #2980b9;
    color: white;
    font-weight: bold;
    margin-left: 35px;
}

	#mouse-port {border:none;height: 63px;color: #989898;font-size: 13px;padding-top: 20px;padding-bottom: 20px;}

	#mouse-portw {border:none;height: 63px;color: #989898;font-size: 13px;padding-top: 20px;padding-bottom: 20px;}

ul.games {
  padding: 3px 20px 3px;
  margin: 12px 0 0;
  position: relative;
  height: 1120px;

}

.sidebar_list {

  overflow-y: auto;
  scrollbar-width: thin;         /* Firefox */
  scrollbar-color: #ccc transparent;
  scroll-behavior: smooth;
}

/* Chrome, Edge, Safari */
.sidebar_list::-webkit-scrollbar {
  width: 6px;
}
.sidebar_list::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar_list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.shade_top:after {
  z-index: 4;
  left: 0px;
  content: '';
  position: absolute;
  top: 62px;
  width: 236px;
  height: 13px;
  background: url('../img/shade_hor2.png') repeat-x left top;
}

.after_text {
  font-size: 12px;
  color: rgba(79, 79, 79, 0.5);
  line-height: 15px;
  position: relative;
  padding: 5px 15px 15px;
}

.category_links {
    display: flex;
}
.category_links a.active{font-weight: 500;color: #1F1F1F;border-bottom: 3px solid #ffcd02 !important;box-shadow: 0px 0px 10px rgba(152, 152, 152, 0.2);border-radius: 2px 0px 0px 0px;/* border: 1px solid #a0a0a0; */}
.category_links a:hover {color:#2980b9;box-shadow: 0px 0px 10px rgba(152, 152, 152, 0.2);}
.category_links a{transition:all 0.2s ease;border-bottom: 3px solid #f2f3f5;display:inline-block;text-decoration:none;color: #989898;font-size: 15px;padding: 15px 5px;/* margin-right: 26px; */box-shadow: 0px 0px 4px rgba(152, 152, 152, 0.2);border-radius: 2px 0px 0px 0px;flex-grow: 1;
    text-align: center;/* transform: matrix(-1, 0, 0, 1, 0, 0); *//* border: 1px solid #a0a0a0; */}
.category_links.main a{
  background: #F6F6F6;
  border-radius: 0px 2px 2px 2px;
  width: 255px;
  text-align: center;
  box-shadow: none;
}

.category_links.main a:hover {
    color: #000000;
    background: #FFFFFF;
    font-weight: 500;
    border-bottom: 3px solid #ffcd02 !important;
}


.tabs a.active{font-weight: 500;color: #1F1F1F;border-bottom: 3px solid #ffcd02 !important;box-shadow: 0px 0px 10px rgba(152, 152, 152, 0.2);border-radius: 2px 0px 0px 0px;background: #FFFFFF;}
.tabs a:hover {color: #1F1F1F;border-bottom: 3px solid #DEDEDE;font-weight: 500;}
.tabs a{flex-grow: 1;transition:all 0.2s ease;border-bottom: 3px solid #f2f3f5;width: 33%;text-align: center;display:inline-block;text-decoration:none;color: #989898;font-size: 15px;padding: 15px 20px;margin-right: 0px;box-shadow: 0px 0px 4px rgba(152, 152, 152, 0.2);border-radius: 2px 0px 0px 0px;background: #F6F6F6;/* border: 1px solid #a0a0a0; */}


.tabs a.maintab.active {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0px 2px 2px 2px;
    width: 253px;
    text-align: center;
}

.tabs a.maintab {
    display: table-cell;
    background: #F6F6F6;
    border-radius: 0px 2px 2px 2px;
    width: 253px;
    text-align: center;
    box-shadow: none;
}
.single_product h2 {line-height: 18px;letter-spacing: 0.03em;color: #000000;margin: 30px 0px;opacity: 0.9;padding-bottom: 10px;border-bottom: 3px solid #FFCD03;display: table;}

.product_top {
  margin-bottom: 20px;
  padding: 0px;
}
.left_top_product {
  min-width: 280px;
  height:100%;
  position:relative;
}
.right_top_product {
  width:224px;
  height:100%;
  position:relative;
}
.single_product .sidebar_right .sidebar_block:before {
display:none !important;
}
.single_product .sidebar_right {
  margin-top: 20px;
}
.product_top .left_top_product .column{
  float: left;
  width:140px;
}
.product_top .info_value {
  vertical-align: top;
  line-height: 20px;
  color:#4f4f4f;
  font-size:14px;
  display:block;
}
.product_top .info_title {
  line-height:22px;
  display:block;
  font-size:13px;
  color:#c0c0c0;
}
.product_top .column > .info:first-child,.product_top .one_column > .info:first-child  {
margin-bottom:10px;
}

.product_top .info i.plus{
margin-right:8px;
}
.product_top i.plus:before {
  margin-top: 1px;
  content:'';
  display:inline-block;
  width:14px;
  margin-right:7px;
  height:14px;
  cursor:default;
  vertical-align: top;
  background:url('../img/plus_min.png') no-repeat left top;
}

.product_top i.minus:before {
  margin-top: 1px;
  content:'';
  display:inline-block;
  width:14px;
  margin-right:7px;
  height:14px;
  cursor:default;
  vertical-align: top;
  background:url('../img/plus_min.png') no-repeat left bottom;
}



a.buy:active {
  background:#2e8ecc !important;
  line-height:47px;
}
a.buy:hover {
background:#2376ac;
}
a.buy {
  font-weight:bold;
  height: 45px;
  transition:all 0.2s ease;
  line-height:45px;
  text-align:center;
display: block;
  text-decoration: none;
  font-size: 17px;
  color: #FFF;
  background: #2980B9;
  border-radius: 3px;
}
input.buy:active {
  background:#2e8ecc !important;
  line-height:47px;
}
input.buy:hover {
background:#2376ac;
}
input.buy {
  font-weight: 400;
      height: 50px;
      transition: all 0.2s ease;
      line-height: 40px;
      text-align: center;
      display: block;
      text-decoration: none;
      color: black;
      background: #ffd603;
      border-radius: 2px;
      width: 100%;
      font-family: Roboto, sans-serif;
      font-size: 22px;
      cursor: pointer;
      /* float: left; */
      /* margin-right: 20px; */
      border: 0px;
      -webkit-appearance: none;
      -moz-appearance: none;
      /* padding: 10px;
}
.product_top .product_price.rur:after {
    content: "\20BD";
  margin-left:5px;
  vertical-align:top;
  font-size:24px;
}
.product_top .product_price.uah:after {
    content: "\20B4";
  margin-left:2px;
  vertical-align:super;
  font-size:18px;
}
.product_top .product_price.usd:after {
  content:' $';
  margin-left:2px;
  vertical-align:super;
  font-size:18px;
}
.product_top .product_price.eur:after {
    content: "\20AC";
  margin-left:2px;
  vertical-align:super;
  font-size:18px;
}
.product_top .product_price {
  font-size: 35px;
  color: #2980B9;
  font-weight: bold;
  display: block;
  text-align: right;
  margin-bottom:15px;
}
.breadcrumbs {
    margin-top: 19px;
    /* height: 8px; */
    margin-left: 0px;
}
.breadcrumbs a:last-child:after{
display:none;
}
.breadcrumbs a:after{
vertical-align:top;
content:'';
text-align:center;
display:inline-block;
width:20px;
height:11px;
background:url(../img/bread.png) no-repeat center center;
}
.breadcrumbs a:hover{
  color:#2980b9;
}
.breadcrumbs a{
  display: inline-block;
  vertical-align: top;
  transition: all .2s ease;
  color: #3D8DD6;
  font-size: 12px;
  line-height: 12px;
  margin: 0px;
  text-decoration: none;
}
.breadcrumbs g{
  display: inline-block;
  vertical-align: top;
  transition: all .2s ease;
  color: #989898;
  font-size: 12px;
  line-height: 12px;
  margin: 0px;
  text-decoration: none;
}
.product_additional span{
  font-size:12px;
  color:#c0c0c0;
}
.product_additional {
  position:absolute;
  left:0px;
  bottom:0px;
}

.product_additional .social_small {
margin-top:15px;
}
#dd_select {
  margin-bottom: 20px;
}
.dd_title {
  font-size: 14px;
  color: #C0C0C0;
  margin: 15px 0 10px;
  text-align:right;
}
.screenshots_container {
  width:1000px;
  left:0px;
  position:absolute;
  top:0px;
  transition:all 0.4s ease;
  min-width: 880px;

  }
.screenshots {
  position:relative;
  height:112px;

  overflow:hidden;
}
.screen {
    display: block;
    width: 211px;
    height: 112px;
    text-align: center;
    vertical-align: middle;
}

ul.gallery1 {

    height: 112px;
    display: flex;
    justify-content: center; /* Центрируем по горизонтали */
align-items: center;     /* Центрируем по вертикали (если нужно) */
gap: 10px;               /* (необязательно) отступ между картинками */
padding: 0;
margin: 0;
list-style: none;
}
.single_product .tab_content {
  padding: 20px 50px 30px 0px;
  background:#fff;
  overflow: hidden;
}
.single_product .tabs {margin-top:30px;display: flex;}
.product_main {
  width: 100%;
}

.text p {
margin-bottom:10px;
}
.text .important{
color:#2980b9;
font-weight:bold;
margin-bottom:10px;
}
.text {font-family: Roboto;font-style: normal;font-size: 13px;line-height: 16px;
/* or 123% */letter-spacing: 0.03em;color: #000000;font-weight: 300;}
.text li {
margin-bottom:10px;
}
.text, ul, ol{
 counter-reset: item;
}
.text ol > li:before {
  color: #2980b9;
  width: 15px;
  display: inline-block;
  content: counter(item) ". ";
  counter-increment: item;
}
.text ul > li:before {
  color: #2980B9;
  width: 15px;
  vertical-align: top;
  line-height: 17px;
  font-size: 9px;
  display: inline-block;
  content: "";
}
.text a:hover {
text-decoration:none;
}
.text a {
color:#2980b9;
}
#dislike .review_single .date:before {
  content:'';
  position:absolute;
  left:0px;
  top:0px;
  width:16px;
  margin-top: 2px;
  height: 14px;
  background: url('../img/plus_min.png') no-repeat left bottom;
}
#like .review_single .date:before {
  content:'';
  position:absolute;
  left:0px;
  top:0px;
  width:16px;
  margin-top: 2px;
  height: 14px;
  background: url('../img/plus_min.png') no-repeat left top;
}
.review_single:last-child {
margin-bottom:0px;
}
.review_single {
margin-bottom:15px;
}
.review_single .date {
  color:#2980b9;
  line-height: 20px;
  padding-left:22px;
  position:relative;
  font-size:11px;
  float:left;
  margin-top:0px;
  margin-right:10px;
}
.review_cont {
width:490px;
float:left;
}
.review_answer:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0px;
  border: solid 4px rgba(0, 0, 0, 0) !important;
  border-bottom: solid 4px #E5F2FA !important;
  margin-top: -8px;
}
.review_answer {
  position:relative;
  padding: 7px 15px;
  margin-left:75px;
  float:left;
  background:#e5f2fa;
  border-radius: 2px;
  margin-top:5px;
}
.reviews_product {
  margin-top: 30px;
}
#like, #dislike {
margin-bottom:170px;
}
.screen_navi .prev{
  position: absolute;
  left: 10px;
  z-index: 5;
  top:50%;
  margin-top:-12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../img/arrows2.png') no-repeat left top;
}
.screen_navi .prev:hover{
  background: url('../img/arrows2.png') no-repeat left bottom
}
.screen_navi .next:hover{
  background: url('../img/arrows2.png') no-repeat right bottom
}
.screen_navi .next.disabled, .screen_navi .prev.disabled{
opacity:0.5
}
.screen_navi .next{
  position: absolute;
  right: 10px;
  top:50%;
  z-index: 5;
  width: 24px;
  margin-top:-12px;
  height: 24px;
  background: url('../img/arrows2.png') no-repeat right top;
}

.screenshots:before {
content:'';
position:absolute;
left:0px;
top:0px;
background:url('../img/screen_shade.png') no-repeat left top;
width:42px;
height:100%;
z-index:4;
}
.screenshots:after {
content:'';
position:absolute;
right:0px;
top:0px;
background:url('../img/screen_shade.png') no-repeat right top;
width:42px;
height:100%;
z-index:4;
}
.screenshots.no_scroll:before, .screenshots.no_scroll:after {
display:none !important;
}
.screenshots.no_scroll .screenshots_container {
text-align:center;
}
.games_on_acc a:nth-last-child(n+6) {margin-bottom:10px !important}
.games_on_acc a{
  vertical-align: top;
  width: auto;
  height: 112px;
  display:inline-block;
  margin: 0 10px 10px 0;
}
.games_on_acc img{
height:100%;
width:auto;
}
.games_on_acc {
  padding: 20px 20px 10px;
  background: #FFF;
}

.breadcrumbs input {
  padding: 0px;
  background: none;
  border: 0px;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  vertical-align: top;
  transition: all .2s ease;
  color: #3D8DD6;
  font-size: 12px;
  line-height: 12px;
}

.pravo {
    font-size: 10px;
    color: #817C68;
}

.category_desc td {
    vertical-align: middle;
}

.category_desc strong{
    color: #2980b9;
    font-weight: bold;
}

i.plus a {
    color: #4F4F4F;
    text-decoration: initial;
    font-style: initial;
    cursor: pointer;
}

i.minus a {
    color: #4F4F4F;
    text-decoration: initial;
    font-style: initial;
    cursor: pointer;
}

#dislike .good {
display:none
}

#like .bad {
display:none
}

h2 a{
    font-size: 17px;
    font-weight: bold;
    color: #2980b9;
    margin: 20px 0;
}

.seller_top {
    /* width: 100%; */
    /* height: 190px; */
    /* float: left; */
    margin-bottom: 20px;
    /* padding: 25px 30px; */
    background: #FFF;
}

.products_listwot {
    width: 880px;
    margin-bottom: 150px;
    background: white;
    /* padding: 20px; */
    overflow: hidden;
    position: static;
}

.wotbigbanner:before {display: block;content: "";display: block;position: absolute;z-index: 2;text-align: center;height: 236px;width: 880px;background: linear-gradient(180deg, #061B32 0%, rgba(31, 31, 31, 0.06) 60.42%);mix-blend-mode: normal;border-radius: 2px;transform: matrix(1, 0, 0, -1, 0, 0);}

.wotbigbanner {
    width: 880px;
    height: 236px;
    float: left;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.wotbanner.left {float:left;margin-top: 20px;margin-right: 20px;display: flex;flex-direction: column;height: 220px;width: 430px;border-radius: 2px;}

.wotbanner.right {float:left;margin-top: 20px;display: flex;flex-direction: column;height: 220px;width: 430px;border-radius: 2px;}

.wotbanner:before {background: linear-gradient(180deg, #061B32 0%, rgba(31, 31, 31, 0.06) 60.42%);display: block;content: "";display: block;position: absolute;z-index: 2;text-align: center;height: 220px;width: 430px;mix-blend-mode: normal;border-radius: 2px;transform: matrix(1, 0, 0, -1, 0, 0);}

.wotname {
    width: 880px;
    display: block;
    box-sizing: border-box;
margin-top: -40px;
    color: #1F1F1F;
    height: 40px;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    font-size: 22px;
    z-index: 5;
    transition: 0.3s;
    margin-left: 0px;
    background: #FFD600;
    border-radius: 0px 0px 2px 2px;
}



.wotnamemini {
    width: 430px;
    display: block;
    box-sizing: border-box;
    margin-top: -40px;
    color: #1F1F1F;
    height: 40px;
    text-align: center;
    background: #FFD600;
    font-weight: 500;
    line-height: 40px;
    font-size: 22px;
    z-index: 5;
    transition: 0.3s;
    border-radius: 0px 0px 2px 2px;
}

.wotnamehovermini{
    width: 880px;
    display: block;
    box-sizing: border-box;
    margin-top: 0px;
    color: #1F1F1F;
    height: 0px;
    text-align: center;
    line-height: 30px;
    z-index: 5;
    opacity:0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
}

.wotbigbanner:hover .wotname {
    margin-top: -236px;
    height: 236px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-top: 80px;
    background: rgb(255, 214, 0, 0.9);
    border-radius: 2px;
}

.wotbigbanner:hover .wotnamehovermini {opacity:1;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;margin-top: -115px;font-size: 16px;}







.wotnameminihovermini{
    width: 430px;
    display: block;
    box-sizing: border-box;
    margin-top: 0px;
    color: #1F1F1F;
    height: 0px;
    text-align: center;
    line-height: 150%;
    /* font-size: 0px; */
    z-index: 5;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0px 60px;
    font-weight: 500;
    border-radius: 2px;
}

.wotbanner:hover .wotnamemini {
    margin-top: -220px;
    height: 220px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    backdrop-filter: blur(2px);
/* Note: backdrop-filter has minimal browser support */
    border-radius: 2px;
    padding-top: 60px;
    background: rgb(255, 214, 0, 0.9);
}

.wotbanner:hover .wotnameminihovermini {opacity:1;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;margin-top: -110px;font-size: 16px;}

img.woticon {
    position: absolute;
    margin-top: 10px;
    margin-left: 17px;
    z-index: 5;
}

.h2tanks {
    display: inline-block;
    width: 100%;
    /* text-align: center; */
    font-size: 18px;
}


.products_listpc {
    width: 100%;
    margin-bottom: 150px;
}

.products_containerpc {
    padding: 10px 0px 10px;
    background: #fff;
}

.products_containerpc .productpc {
    margin-bottom: 20px;
}

.productpc {
    position: relative;
    width: 280px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

.productpc a {
    text-decoration: none;
}

.productpc .image {
    opacity: 0.95;
    transition: all 0.2s ease;
    width: 280px;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.productpc .image img {
    width: 280px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.productpc .image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productpc .image:before {
        z-index: 1;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.7) 100%);
    border-radius: 2px;
    width: 280px;
    height: 180px;
}

.productpc .image.xbox {
    background: #F6F6F6;
    border-radius: 2px;
}

.productpc .image img {
    width: 280px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.productpc .image.xbox img{
    width: auto;
    margin: 45px 29px;
    mix-blend-mode: darken;
}

.productpc .image.xbox.soft img {
    width: 220px;
    margin: 45px 29px;
    mix-blend-mode: darken;
    height: 90px;
}

.productpc .image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productpc .image:before {
        z-index: 1;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.7) 100%);
    border-radius: 2px;
    width: 280px;
    height: 180px;
}

.productpc .image.xbox:before {

    display: none;

}

#top_sell .product .image:before {
        z-index: 1;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.7) 100%);
    border-radius: 2px;
    width: 180px;
    height: 116px;
}

.productpc .title {
    font-size: 15px;
    color: #000000;
    display: block;
    margin-top: 10px;
    font-weight: 500;
}

.productpc .price {
    position: absolute;
    right: 0px;
    bottom: 20px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 10px;
    background: #FFD600;
    border-radius: 2px 0px 0px 2px;
    z-index: 3;
}

.productpc .price:before {
    content: 'OT ';
    font-weight: normal;
    font-size: 9px;
}

.productpc .price:after {
    content: "\20BD";
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
}

.products_containerpc .productpc:nth-child(3n+3) {
    margin-right: 0px !important;
}

.productpc.event:after {
    content: '';
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../img/event.png') no-repeat left top;
}


#top_sell .product {
    position: relative;
    width: 180px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

#top_sell .product .image {
    opacity: 0.95;
    transition: all 0.2s ease;
    width: 180px;
    height: 116px;
    overflow: hidden;
    position: relative;
		-moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

#top_sell .product .image img {
		-moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
        width: 180px;
}

.carousel_wrap .image:hover img {
-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productwot {
    position: relative;
    width: 280px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    margin-bottom: 28px;
}

.productwot a {
    text-decoration: none;
}

.productwot .image {
    opacity: 0.95;
    transition: all 0.2s ease;
    width: 280px;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.productwot .title {
    font-size: 15px;
    color: #000000;
    display: block;
    margin-top: 10px;
    text-decoration: none;
    font-weight: 500;
}



 .productwot:nth-child(3n+2) {
    margin-right: 0px !important;
}

.productcard {
	position: relative;
	width: 130px;
	/* overflow: hidden; */
	margin-right: 2%;
	float: left;
	margin-bottom: 40px;
	/* margin-left: 5px; */
	/* background: #f2f3f5; */
	margin-top: 10px;
	background: #F6F6F6;
	border-radius: 2px;
	height: 160px;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 0.5s ease-out;
	}

		.productcard:hover {}

				.productcard:hover .title {
		color: #1F1F1F;
						}

.productcard a {
    text-decoration: none;
}

.productcard .image {
    transition: all 0.2s ease;
    /* width: 100%; */
    overflow: hidden;
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 160px;
    text-align: center;
    mix-blend-mode: darken;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.productcard .image:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productcard .title {
    font-size: 13px;
    color: #989898;
    display: block;
    display: table-cell;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    padding-top: 2px;
    width: 130px;
    /* padding: 0px 10px; */
}

.productcard .price {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #2980b9;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 3px 0 0 0;
}

.productcard .price:before {
    content: 'OT ';
    font-weight: normal;
    font-size: 9px;
}

.productcard .price:after {
    content: "\20BD";
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
}
.products_containerpc .productcard:nth-child(6n+7) {
    margin-right: 0px !important;
}

.productcard.event:after {
    content: '';
    width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../img/event.png') no-repeat left top;
}

.list_body strong {
font-weight: normal;
    max-width: 520px;
    overflow: hidden;
    height: 40px;
    font-size: 15px;
    white-space: nowrap;
    float: left;
    display: block;
}

#glavopis a {
    transition: all 0.2s ease;
    line-height: 30px;
    color: #2980b9;
    font-size: 15px;
    text-decoration: none;
    display: block;
    text-align: center;
    /* margin: 5px 0; */
    /* height: 40px; */
}

#glavopis .price {
    padding-left: 80px;
    display: inline-block;
    text-decoration: none !important;
    /* float: right; */
    font-weight: bold;
    color: #2980b9;
margin-bottom: 20px;
}

a.product_list.remove {
display: none;
}

a.product_list.ru.remove {
display: block;
}

.sort {
  margin: 7px 0;
  float: right;
}
.sort a, .sort span {
  font-size:12px;
  color:#7d7d7d;
text-decoration: none;
}

.sort a.active {
  color:#484848;
  background:#fff;
  border:1px solid #d2d2d2;
  padding-right:21px;
}
.sort span {
  cursor:default;
  line-height:28px;
  margin-right:10px;
}
.sort a:hover {
  color:#484848;
}
.sort a.asc:after {
  border-bottom: 3px solid #2980b9;
  top:8px;
  right:9px;
}
.sort a.desc:after {
  border-top: 3px solid #2980b9;
  top:11px;
  right:9px;
}
.sort a.active:after {display:block;}
.sort a:after {
  content:'';
  display:none;
  position:absolute;
  border:3px solid transparent
}
.sort a {
  position:relative;
  transition:all 0.2s ease;
  line-height:26px;
  border:1px solid transparent;
  border-radius:2px;
  display:inline-block;
  padding:0 12px;
}



.list_head a, .list_head span {
  font-size:12px;
  color: #1F1F1F;
  text-decoration: none;
  width: 80px;
  display: inline-block;
  font-weight: 500;
  text-align: left;
}

.list_head span.click {
    text-align: center;
}

.list_head a.active {
  color:#484848;
  background:#fff;
  border:1px solid #d2d2d2;
  padding-right:21px;
}

.list_head a:hover {
  color:#484848;
}
.list_head a.asc:after {
  border-bottom: 3px solid #2980b9;
  top:8px;
  right:9px;
}
.list_head a.desc:after {
  border-top: 3px solid #2980b9;
  top:11px;
  right:9px;
}
.list_head a.active:after {display:block;}
.list_head a:after {
  content:'';
  display:none;
  position:absolute;
  border:3px solid transparent
}
.list_head a {
  position:relative;
  transition:all 0.2s ease;
line-height: 30px;

  display:inline-block;
  padding:0 12px;
    color: #2980B9;
    margin-top: 10px;

}

.list_head a.price {
  background-image: none;
      width: auto;
      height: auto;
      padding: 0px;
      display: contents;
      margin-left: 0px;
      background-repeat: no-repeat;
      background-position: left;
      border: 0px;
      opacity: 1;
      color: inherit;
      margin: 0px;
      text-align: center;
}



.list_head a.name {
background-image: url(/img/filter/Az.svg);
    width: 40px;
    height: 30px;
    padding: 0px;
    display: inline-block;
    margin-left: 4px;
    background-repeat: no-repeat;
    background-position: left;
  border: 0px;
margin-right: 10px;
opacity: 0.6;
}

span.pricehead {
    float: right;
    padding: 0px 30px 0px 10px;
    width: 59px;
    text-align: center;
}

span.sellerhead {
	padding: 0px 10px 0px 10px;
	border-radius: 3px;
	line-height: 18px;
	display: inline-block;
	width: 98px;
	text-align: center;
}

.list_head a.price:hover {
opacity: 1;
}

.list_head a.name:hover {
opacity: 1;
}

.list_head a.price.active {
opacity: 1;
}

.list_head a.name.active {
opacity: 1;
}



.list_head a.name:after {
    background-image: url(/img/filter/updown.svg);
    width: 20px;
    height: 30px;
    padding-left: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: right;
  border: 0px;
  top: 0px;
  right: 0px;
}

.list_head a.name:before {
display:none;
}

.list_head a.price.desc:after {
    background-image: url(/img/filter/up.svg);
}

.list_head a.price.desc:before {
display:none;
}

.list_head a.name.desc:after {
    background-image: url(/img/filter/up.svg);
}

.list_head a.name.desc:before {
display:none;
}


.list_head a.price.asc:before {
display:none;
}

.list_head a.name.active.asc:after {
    background-image: url(/img/filter/down.svg);
}

.list_head a.name.asc:before {
display:none;
}

span.sort {
    float: right;
    /* line-height: 50px; */
    /* vertical-align: bottom; */
    margin-top: 14px;
    color: #2f81b7b5;
    font-size: 15px;
}



.load_more.blue_btn {
  display:block;
  margin:50px auto 0;
  width: 60px;
  text-align:center;
}
.blue_btn:hover {
  background:#53ABDE;
}
.blue_btn {
  transition:all 0.2s ease;
  padding:15px 58px;
  display:inline-block;

  font-size:16px;
  color:#fff;
  border-radius:3px;
  border-bottom:3px solid #2a478b;
      background: #2980B9;
    cursor: pointer;
  font-weight:bold;
}

.loader {
    margin: 30px auto;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(29, 72, 171, 0.2);
    border-right: 1.1em solid rgba(29, 72, 171, 0.2);
    border-bottom: 1.1em solid rgba(29, 72, 171, 0.2);
    border-left: 1.3em solid rgb(29, 72, 171);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 4em;
    height: 4em;
}

a.readmore-js-toggle {
    /* position: absolute; */
    width: 100%;
    text-align: center;
    /* background-color: rgba(242, 243, 245, 0); */
    color: #2980b9;
    text-decoration: none;
    box-shadow: 0px -7px 10px 1px white;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.products_containerpc .productxbox {
    margin-bottom: 30px;
}

.productxbox  {
    position: relative;
    width: 130px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    margin-bottom: 12px;
}

.productxbox  a {
    text-decoration: none;
}

.productxbox  .image {
    transition: all 0.2s ease;
    width: 130px;
    overflow: hidden;
    background-position-y: 6px;
    height: 158px;
    border-radius: 0px 0px 2px 2px;
}

.productxbox .imagenoshadow {
  transition: all .2s ease;
      width: 130px;
      overflow: hidden;
      background-position-y: 6px;
      height: 158px;
      border-radius: 0 0 2px 2px;
}

.productxbox .image img {
    width: 130px;
    height: 158px;
    border-radius: 0px 0px 2px 2px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.productxbox .imagenoshadow img {
  width: 130px;
  height: 158px;
  border-radius: 0 0 2px 2px;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}



.productxbox .image:before {opacity:0.95;z-index:2;content:'';display:block;position:absolute;left:0px;top:0px;width: 130px;height: 181px;background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.81) 100%);border-radius: 0px 0px 2px 2px;}

.productxboxbig .image:before {opacity:0.95;z-index:2;content:'';display:block;position:absolute;left:0px;top:0px;width: 280px;height: 414px;background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.81) 100%);border-radius: 0px 0px 2px 2px;}

.productxbox .image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productxboxbig .image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.productxbox  .title {
    font-size: 15px;
    color: #989898;
    display: block;
    margin-top: 10px;
    height: 30px;
}

.productxbox .price {
    position: absolute;
    right: 0px;
    top: 140px;
    background: #FFD600;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 3px 0 0 0;
    opacity: 0.9;
}

.productxbox .image-head {
    background: url(../img/xbox_one_logo.svg) top center no-repeat;
    background-position-y: 7px;
    background-color: #1D8C1E;
    height: 23px;
    border-radius: 2px 2px 0px 0px;
}

.productxboxbig .image-head {
  background: url(../img/xbox_one_logo_big.svg) top center no-repeat;
    background-position-y: 25px;
    background-color: #1d8c1e;
    height: 74px;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
}

.productxbox .image-head-psn {
    background: url(../akkauntyi-psn/newimg/pslogo1.svg) top center no-repeat;
    background-position-y: 3px;
    background-color: #014A99;
    height: 23px;
    border-radius: 2px 2px 0px 0px;
}

.productxbox .image-head-nintendo {
  background: url(../nintendo/newimg/nintendo.svg) top center no-repeat;
      background-position-y: 3px;
      background-color: #cc2131;
      height: 23px;
      border-radius: 2px 2px 0px 0px;
      background-size: 70px;
}

.productxboxbig .image-head-psn {
  background: url(../akkauntyi-psn/newimg/pslogo12.svg) top center no-repeat;
  background-position-y: 20px;
  background-color: #014A99;
  height: 74px;
  border-radius: 2px 2px 0px 0px;
  overflow: hidden;
}

.productxboxbig .image-head-nintendo {
  background: url(../nintendo/newimg/nintendo.svg) top center no-repeat;
  background-position-y: 20px;
  background-color: #cc2131;
  height: 74px;
  border-radius: 2px 2px 0px 0px;
  overflow: hidden;
  background-size: 150px;
}

.products_containerxbox {
    margin-top: 15px;
}

.productxboxleft {
    float: left;
}

.productxboxbig {
    width: 280px;
    position: relative;
    overflow: hidden;
}

.productxboxbig .image {

    background-position-y: 25px;

    height: 340px;
    overflow: hidden;
}

.productxboxbig .image img {
    width: 280px;
    height: 340px;
    border-radius: 0px 0px 2px 2px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.productxboxbig .title {
    font-size: 15px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #989898;
    text-decoration: none;
    height: 52px;
}

.productxboxbig a {

    text-decoration: none;
}

.fullsearch {
    display: inline-block;
    width: 100%;
margin: 10px 0px 30px;
}

.namesearch {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #2F81B7;
    display: inline-block;
}

.polesearch {
    display: inline-block;
    background: #FFFFFF;
    border-radius: 5px;
margin: 0 10px;
}

.polesearch .search {
    position: relative;
    color: #2980b9;
    font-size: 16px;
    text-align: center;
    margin-left: 12px;
    margin-right: 12px;
}

.polesearch input.search {
    border: 0;
    width: 400px;
    height: 34px;
    text-align: left;
}

.buttonsearch {
    display: inline-block;
    width: 120px;
    height: 33px;
    background: linear-gradient(180deg, #2F81B7 0%, rgba(0, 120, 170, 0.63) 100%);
    border-radius: 5px;
}

.buttonsearch button.button {
    background: none;
    margin: 0px;
    border: 0px;
    height: 33px;
    letter-spacing: 0.01em;
    font-weight: 400;
    line-height: normal;
    font-size: 18px;
    font-family: Roboto;
cursor: pointer;
}

.dd-option-imagenew, .dd-selected-imagenew {
    vertical-align: middle;
    float: left;
    height: 20px;
    margin: 0 13px 0 11px;
}

.newsidebar {
    width: 280px;
    margin-top: 10px;
}

.leftcontent {
    float: left;
    width: 880px;
    padding-top: 10px;
}

.layout {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.dinamic {
    /* width: 100%; */
    /* height: 100%; */
    margin-top: 50px;
    background-size: cover;
    mix-blend-mode: darken;
    margin: auto;
}

h1.mainh1 {
    font-size: 20px;
    font-weight: 500;
    color: #353535;
    margin: 10px 0px;
    opacity: 0.9;
    line-height: 40px;
    border-bottom: 3px solid #FFD600;
    border-radius: 0 0 2px 2px;
    display: inline-block;
    padding-bottom: 6px;
}

h1.mainh1 {

    border-bottom: 0px;
    margin-bottom: 13px;

}

h2.mainh2{font-size: 15px;font-weight: bold;color: #353535;margin: 0px 0px;opacity: 0.9;line-height: 40px;display: inline-block;background: url(../img/down.svg) center right no-repeat;padding-right: 20px;}

#payments {
    text-align: center;
    border-top: 1px solid #e7e7e8;
    padding: 47px 0 17px;
    margin-top: 100px;
}

#payments img {
    margin-right: 45px;
margin-bottom: 30px;
    vertical-align: middle;
}

.podgruzka {background: white;padding: 10px;padding-left: 30px;opacity: 1;transform: translateZ(0px);transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);overflow: hidden;}

.headmini {
    width: 280px;
    padding-bottom: 10px;
    float: right;
}

.buy_info {
    width: 260px;
    display: inline-block;
    margin-top: 20px;
    height: 40px;
    margin-bottom: 20px;
}

.sellermini {
    float: left;
    background: url(../img/icons/sellersmall.svg) top left no-repeat;
    background-position-y: 3px;
}

.sellermini span {
    padding-left: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #C4C4C4;
    Font Family: Roboto Font Style: Regular Font Size: 13px Line Height: 15px Align: Left Letter Spacing: 3% Paragraph Spacing: 1px;
}

.sellermini b {
    display: block;
    padding-left: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #4F4F4F;
}

.gomini {
    margin: auto;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    line-height: 17px;
    font-size: 11px;
    color: #4F4F4F;
    border-bottom: 0.5px solid #C0C0C6;
}

.gomini a {
    color: #4F4F4F;
    text-decoration: none;
}

.buyprodmini {
}

.buyprodmini form {
    float: left;
}

.buyprodmini input {
     background: #3D8DD6;
     border-radius: 2px;
     width: 120px;
     height: 40px;
     padding: 0px;
     border: 0px;
     cursor: pointer;
     font-family: Roboto;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 23px;
     color: #FFFFFF;
     text-transform: none;
		 margin: 0;
}

button#wicartbutton_003 {
    float: left;
    width: 135px;
    background: url(../img/likemini.svg) center left no-repeat;
    padding: 0px;
    margin: 0px;
    border: 0;
    height: 40px;
    margin-top: 0px;
    margin-left: 0px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
margin-right: 5px;
    align-items: center;
    color: #989898;
    padding-left: 40px;
    text-align: left;
    background-size: 30px;
}

button#wicartbutton_003:hover {

}

.product_block.buy button#wicartbutton_003 {
  position: absolute;
  z-index: 2;
  margin-left: 220px;
  background-size: 30px;
  width: 50px!important;
  height: 65px!important;
  margin-top: 10px;
}

.opisaniemini {
    padding-top: 10px;
    width: 450px;
}

.opisaniemini span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
    line-height: 30px;
}

span.sellsmini {
    color: #3D8DD6;
    font-weight: 500;
    font-size: 12px;
    padding-left: 20px;
    background: url(../img/sells.svg) center left no-repeat;
    margin-left: 20px;
    padding: 5px 0px 0px 20px;
}

span.feedbackmini {
    color: #3D8DD6;
    font-weight: 500;
    font-size: 12px;
    padding-left: 20px;
    background: url(../img/feedback.svg) center left no-repeat;
    margin-left: 20px;
    padding: 5px 0px 0px 20px;
}

.opisanieminitext {
    font-family: Roboto;
    line-height: 16px;
/* or 123% */
    align-items: center;
    letter-spacing: 0.03em;
    font-weight: 300;
    font-size: 13px;
    color: #1F1F1F;
    margin-top: 10px;
}

.endmini {
    background: #ECF5FF;
    border-radius: 0px 0px 3px 3px;
    height: 50px;
    display: flex;
}

.endmini1 {
    width: 50%;
    float: left;
}

.endmini1 a {
    text-align: right;
    border-right: 0.75px solid #C0C0C6;
    padding-right: 20px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #3D8DD6;
    line-height: 50px;
}

.endmini1 a:hover {
    color: #2667AF;
}

.endmini2 a {
    padding-left: 20px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #3D8DD6;
    line-height: 50px;
}

.endmini2 a:hover {
    color: #2667AF;
}

.noshow{
    min-height: 100px;
}



.items_listnew {
    position: relative;
    transition: all 0.2s ease;
    color: #484848;
    font-size: 16px;
    line-height: 18px;
    display: block;
    border-bottom: 1px solid #E5E5E5;
}

.itemnew.active {
    background: linear-gradient(180deg, #EBF5FF 0%, #FFFFFF 100%);
}

.items_listnew:hover {
	background: #EBF5FF!important;
}

.items_listnew:hover .item_listnew {
	color: #2667AF;
}
.items_listnew:hover .item_seller {
	color: #005B94;
}
.items_listnew:hover .pricenew {
	color: #469CEC;
	font-size: 24px;
}

.items_listnew:hover a.buttonUpload {
	background: url(../img/icons/moreh.svg) no-repeat center;
}

.item_listnew {
	position: relative;
	transition: all 0.2s ease;
	color: #3D8DD6;
	padding: 20px 10px 20px 30px;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	width: 520px;
	text-decoration: none;
	font-weight: 500;
  min-height: 28px;
}

.items_listnew:nth-child(2n+1) {

background: #ffffff;
}

.items_listnew:nth-child(2n+1) {

background: #ffffff;
}

.items_listnew:nth-child(2n) {

background: #f6f6f6;
}


.item_seller {
    position: relative;
    transition: all 0.2s ease;
    color: #989898;
    padding: 20px 15px 20px 15px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
        display: inline-block;
    width: 88px;
    text-decoration: none;
    text-align: center;
}

.noitems {
    padding: 20px 10px 20px 30px;
		cursor: pointer;
		color: #FF0000;
}

.noitems span {
    font-size: 11px;
}


a.buttonUpload  {
	background: url(../img/icons/more.svg) no-repeat center;
	cursor: pointer;
	transition: all 0.2s ease;
	padding: 0px 20px 0px 20px;
	border-radius: 3px;
	font-size: 16px;
	width: 40px;
	text-decoration: none;
	height: 58px;
	display: inline-block;
	vertical-align: middle;
}

a.buttonDown  {

background: url(../img/icons/uppod.svg) no-repeat center;

cursor: pointer;

transition: all 0.2s ease;

padding: 0px 20px 0px 20px;

border-radius: 3px;

font-size: 16px;

line-height: 18px;

width: 40px;

text-decoration: none;

height: 60px;

display: inline-block;

vertical-align: middle;
}

.item_list .price::after {
    content: "\20BD";
    margin-left: 3px;
    font-size: 9px;
    vertical-align: super;
    line-height: 9px;
}

.pricenew{
	font-weight: 500;
	position: relative;
	transition: all 0.2s ease;
	color: #1F1F1F;
	padding: 20px 30px 20px 10px;
	border-radius: 3px;
	font-size: 20px;
	line-height: 18px;
	display: inline-block;
	width: 59px;
	text-decoration: none;
	float: right;
	text-align: right;
	height: 19px;
}

.itemnew .pricenew:after {
content: "\20BD";
    margin-left: 3px;
    font-size: 14px;
    vertical-align: super;
    line-height: 9px;
    font-weight: normal;
}

.note {display: inline-block;height: 50px;width: 34px;line-height: 50px;vertical-align: top;margin-left: 20px;z-index: 101;}

.mynote {
    /* text-align: center; */
    background: url(../img/like.svg) center left no-repeat;
    height: 50px;
}


.mynote a {
display: flex;
height: 100%;
}

.mycartin {
  background: url(../img/cart.svg) center left no-repeat;
  height: 50px;
  width: 35px;
}

.mymenuin {
    background: url(../img/menu.svg) center left no-repeat;
    height: 50px;
		cursor: pointer;
}

span#basketwidjet {
    background: #FF0000;
    display: inline-block;
    height: 15px;
    color: white;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    width: 15px;
    margin-top: 10px;
    border-radius: 16px;
    margin-left: 18px;
    text-decoration: underline;
    text-decoration-color: #FF0000;
}

span#cart-count {
    background: #FF0000;
    display: inline-block;
    height: 15px;
    color: white;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    width: 15px;
    margin-top: 10px;
    border-radius: 14px;
    margin-left: 18px;
    text-decoration: underline;
    text-decoration-color: #FF0000;
    opacity: 0.9;
}

span#cart-count1 {
    background: #FF0000;
    display: inline-block;
    height: 15px;
    color: white;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    width: 15px;
    margin-top: 10px;
    border-radius: 14px;
    margin-left: 18px;
    text-decoration: underline;
    text-decoration-color: #FF0000;
    opacity: 0.9;
}

span#basketwidjet1 {
    background: #FF0000;
    display: inline-block;
    height: 15px;
    color: white;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    width: 15px;
    margin-top: 10px;
    border-radius: 16px;
    margin-left: 18px;
    text-decoration: underline;
    text-decoration-color: #FF0000;
}



.seller_top {
background: #fff;
    margin-bottom: 20px;
    min-height: 240px;
}

.seller_block seller {
padding-right: 41px;
}

.seller_block {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.seller_block span.bold {
font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #4F4F4F;
    padding-left: 50px;
    text-align: left;
line-height: 21px;
}

.seller_block.attestat {
width: 280px;
    padding: 0px;
    float: right;
}




.rowgoods {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-left: 30px;
    margin-top: 23px;
    padding-left: 39px;
    text-align: left;
    font-size: 15px;
    color: #000000;
    line-height: 22px;
    opacity: 0.9;
}

.rowgoods.reg {
    background: url(../img/icons/datereg.svg) top left no-repeat;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    background-position-y: 3px;
}

.rowgoods.nal {
    background: url(../img/icons/nal.svg) top left no-repeat;
    color: #31C135;
    background-position-y: 3px;
    display: none;
}

.rowgoods.sell {
    background: url(../img/icons/sells.svg) top left no-repeat;
    background-position-y: 3px;
}




div.rowgoods.feed{
    background: url(../img/icons/numbfeedback.svg) top left no-repeat;
    margin-left: 30px;
    margin-top: 17px;
    background-position-y: 3px;
}


.rowgoods b {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.03em;
    padding-right: 5px;
    color: #1F1F1F;
    opacity: 1;
    padding-left: 5px;
}

.rowgoods in {background: url(../img/icons/info.svg) top left no-repeat;width: 10px;height: 10px;display: inline-block;line-height: 12px;cursor: pointer;}

.rowgoods a{
    color: #1F1F1F;
}

.seller_block.seller .rowgoods {
    line-height: 21px;
}

.seller_block.seller {
    text-align: center;
    width: 30%;
}

.sellerimg {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    margin: auto;
    width: 100%;
    display: grid;
}

.sellerimg img {
    margin: auto;
}


.seller_block .wmid {font-family: Roboto;font-style: normal;font-weight: normal;font-size: 18px;text-align: center;color: #f5f9fd;background: url(../img/icons/seller/wmid.svg) center left no-repeat;padding-left: 49px;height: 39px;line-height: 39px;padding-top: 7px;}

.seller_block .wm_desc {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    padding-top: 18px;
}

.seller_block .wm_pers {
    margin-top: 26px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: 15px;
    font-size: 11px;
    color: #375BAC;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    width: 150px;
    height: 31px;
    text-decoration: none;
    padding-left: 69px;
    text-align: left;
    line-height: 31px;
    background: url(../img/icons/seller/passport.png) center left no-repeat, linear-gradient(180deg, #FFFFFF 0%, #C4C4C4 100%);
}

.seller_block.attestat table {
    display: inline-block;
    border: 0px;
    width: 280px;
    background-repeat: repeat;
    height: 240px;
    background-color: #3d8dd6;
    border-radius: 0px 5px 5px 0px;
}

.sellername {
    position: absolute;
    left: 582px;
    top: 10px;
    display: block;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}

.wm_desc {
    font-size: 13px;
    line-height: 15px;
    color: #1F1F1F;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 20px;
}

.wm_pers {
    color: #3D8DD6;
    text-decoration: none;
    margin: 20px 30px;
    background: #EAEAEA;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
}

.product_top a {
    text-decoration: none;
		}

.feedback {padding: 15px 0px;border-bottom: 0.75px solid #E8E8E8;margin-bottom: 10px;width: 580px;}

.datefeed.minus {
    color: #999999;
    background: url(/img/minus.png) no-repeat;
    padding-left: 25px;
}

.datefeed.plus {
    color: #999999;
    background: url(/img/plus.png) no-repeat;
    padding-left: 25px;
}

.textfeed{
     padding: 7px;
     margin-left: 25px;
     background: #F6F6F6;
     border-radius: 0px 10px 10px 10px;
     display: inline-block;
     padding-right: 15px;
     font-size: 13px;
     color: #4B4C4D;
}

.answerfeed.yes {position: relative;padding: 8px 15px 8px 25px;margin-left: 100px;margin-top: 20px;display: flex;background: url(../img/icons/feedback-seller.svg) top left no-repeat;padding-top: 0px;}

span.answerspan {
    padding: 7px 15px;
    margin-left: 5px;
    background: #EBF5FF;
    border-radius: 0px 10px 10px 10px;
    font-size: 13px;
    color: #4B4C4D;
}

.answerfeed.no {
    display:none;
}

.cherta {
    display: inline-block;
    border-right: 0.75px solid #E8E8E8;
    height: 200px;
    margin-top: 15px;
}

#feedback.tabs_content {
    margin-bottom: 20px;
    /* display: none; */
    padding: 25px 30px;
    background: #fff;
    border-radius: 0 0 3px 3px;
    /* overflow: hidden; */
}

.feedtext {
    display: inline-block;
    position: relative;
width: 100%;
}

.feed.minus {
    width: 15px;
    height: 100%;
    display: inline-block;
    position: absolute;
    background: url(../img/icons/feedback-bad.svg) top left no-repeat;
    background-color: #F9C5C2;
    border-radius: 10px;
    background-position-x: -2px;
}

.feed.plus {
    width: 15px;
    height: 100%;
    display: inline-block;
    position: absolute;
    background: url(../img/icons/feedback-good.svg) top left no-repeat;
    background-color: #CAF9C2;
    border-radius: 10px;
    background-position-x: -2px;
}

.datefeed {
    border-radius: 10px;
    margin-left: 25px;
    margin-top: 10px;
    display: inline-block;
    padding: 5px;
    font-size: 10px;
    color: #4B4C4D;
    background: url(../img/icons/feedback-date.svg) center left no-repeat, #F6F6F6;
    background-position: 5px 5px;
    padding-left: 27px;
    line-height: 11px;
}

span.timefeed {
    background: url(../img/icons/time.svg) top left no-repeat;
    padding-left: 10px;
    margin-left: 5px;
    background-position-y: 1px;
}

.reviews_container p {font-weight: 300;font-size: 15px;line-height: 18px;color: #000000;}


.white_block .info_value {
  vertical-align: top;
  line-height: 20px;
  color:#4f4f4f;
  font-size:14px;
  display:block;
}
.white_block .info_title {
  line-height:22px;
  display:block;
  font-size:13px;
  color:#c0c0c0;
}
.white_block .column > .info:first-child,.product_top .one_column > .info:first-child  {
margin-bottom:10px;
}

.white_block .info i.plus{
margin-right:8px;
}
.white_block .info i.plus:before {
  margin-top: 1px;
  content:'';
  display:inline-block;
  width:14px;
  margin-right:7px;
  height:14px;
  cursor:default;
  vertical-align: top;
  background:url('../img/plus_min.png') no-repeat left top;
}

.white_block .info i.minus:before {
  margin-top: 1px;
  content:'';
  display:inline-block;
  width:14px;
  margin-right:7px;
  height:14px;
  cursor:default;
  vertical-align: top;
  background:url('../img/plus_min.png') no-repeat left bottom;
}


.white_block a.infoseller {
    cursor: pointer;
    color: #3D8DD6;
    transition: all 0.2s ease;
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    margin-left: 30px;
    padding-top: 30px;
    display: block;
}

.white_block a.infobuy {
    cursor: pointer;
    color: #3D8DD6;
    transition: all 0.2s ease;
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 28px;
    display: block;
}

.sale_bg {

	    background: #FFFFFF;
	    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	    border-radius: 2px 2px 0px 0px;
	    margin-top: 30px;

				    margin-bottom: 30px;
}

.sale_head{
    background: #EAEAEA;
    border-radius: 2px 2px 0px 0px;
    display: flex;
}
.sale_head1  {
    width: 50%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #989898;
    font-size: 13px;
}

.sale_bg .salediv {
    overflow: visible;
    display: inline-block;
    width: 100%;
    display: flex;
}

.sale_bg .salediv .div_sale_sum, .sale_bg .salediv .div_sale_txt, .sale_bg .salediv .div_sale_val {
	text-align: center;
	    font-weight: 500;
	    font-size: 15px;
	    color: #000000;
	    width: 50%;
	    height: 50px;
	    line-height: 50px;
	    border-right: 1px solid #EAEAEA;
}

.sale_bg .salediv .div_sale_txt {
	width: 49%;
	border-right: 0px;
}
.white_block .icon-url.hint--right {
    width: 14px;
    height: 14px;
    line-height: 18px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #2980b9;
    top: 1px;
    border-radius: 45%;
    cursor: pointer;
    font-style: inherit;
}


.seller_top {
background: #fff;
    margin-bottom: 20px;
    min-height: 240px;
}

.seller_block seller {
padding-right: 41px;
}

.seller_block {
    /* display: inline-block; */
    vertical-align: top;
    width: 35%;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.seller_block span.bold {
font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    line-height: 17px;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #4F4F4F;
    padding-left: 50px;
    text-align: left;
line-height: 21px;
}

.seller_block.attestat {width: 33%;padding: 0px;float: right;}

.white_block .buy_info .price:after {
    content: "\20BD";
    margin-left: 3px;
    vertical-align: top;
    font-size: 24px;
    line-height: 19px;
    /* background: url(../img/icons/rub.svg) center no-repeat; */
    width: 19px;
    color: #2980b9;
    font-weight: bold;
    background-size: 19px 19px;
    display: inline-block;
    height: 19px;
}
.white_block .buy_info .price {display: block;color: #2980b9;margin-bottom: 30px;width: 208px;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 30px;text-align: center;margin-top: 15px;padding-left: 10px;}
.white_block .buy_info {
    /* float: right; */
    width: 30%;
    text-align: right;
    margin-top: 15px;
    margin-left: 20px;
}

.buyprod {

    margin-bottom: 20px;
    margin: auto;
    padding: 0 20px;

}

.buy_info p {
    width: 208px;
    font-size: 14px;
    color: #C0C0C6;
    text-align: center;
}

.white_block {

display: flex;
}

.product_block {
    width: 280px;
min-height: 260px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.rowgoods.vozv{
    background: url(../img/icons/refund.svg) top left no-repeat;
}

.rowgoods.date{
    background: url(../img/icons/upload-date.svg) top left no-repeat;
}

.rowgoods.center{
    margin-top: 0px;
    color: #989898;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.head-block-product{
    height: 50px;
    background: #3e8dd6;
    border-radius: 2px 2px 0px 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: white;
}

.product_block.seller {
    margin-left: 20px;
}

.product_block.attestat {
    margin-left: 20px;
}

.rowgoods.seller {
    background: url(../img/icons/avatar-seller.svg) top left no-repeat;
    padding-left: 34px;
}

.rowgoods.rating {
    background: url(../img/icons/sellerrating.svg) top left no-repeat;
    /* background-position-y: 4px; */
}

.rowgoods.sellerdate {
    background: url(../img/icons/sellerdate.svg) top left no-repeat;
    display: none;
    /* background-position-y: 4px; */
}

.rowgoods.sells {
    background: url(../img/icons/sellersales.svg) top left no-repeat;
    /* background-position-y: 4px; */
}

.rowgoods.feedbacks {
    background: url(../img/icons/feedback.svg) top left no-repeat;
    background-position-y: 4px;
}

.rowgoods.nal b {
    color: #31C135;
    padding-left: 0px;
}

.rowgoods.nal b.no {
    color: #FF0000;
}

.rowgoods b.plus:before {
    content: '';
    width: 13px;
    margin-right: 7px;
    height: 18px;
    cursor: default;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons/plus.svg) no-repeat left center;
    background-position-y: 2px;
}

.rowgoods b.minus:before {
    content: '';
    width: 13px;
    margin-right: 7px;
    height: 18px;
    cursor: default;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons/minus.svg) no-repeat left center;
    background-position-y: 2px;
}


.product_block.buy {
    margin-left: 20px;
}

.priceblock {
    margin-top: 23px;
    margin-left: 50px;
    height: 40px;
    display: flex;
    margin-bottom: 30px;
    line-height: 40px;
}

.product_block.buy button#wicartbutton_003 {
    width: 30px;
    height: 40px;
}

.price {
    font-weight: 500;
    font-size: 35px;
    align-items: center;
    color: #1F1F1F;
    margin-left: 17px;
}

.product_block.buy .price:after {
	content: "\20BD";
	margin-left: 3px;
	font-size: 25px;
	vertical-align: top;
	font-weight: 500;
}


.product_block.buy input.cart {
    font-weight: 500;
    height: 40px;
    transition: all 0.2s ease;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 17px;
    color: #3D8DD6;
    background: #fff;
    border-radius: 2px;
    width: 180px;
    padding: 0px;
    font-family: Roboto, sans-serif;
    margin: auto;
    border: 0px;
    font-size: 15px;
    cursor: pointer;
    margin-top: 10px;
    border: 2px solid #3D8DD6;
		    text-transform: capitalize;
}


.head_sortirovka {
	background: #FFFFFF;
	cursor: default;
	font-size: 13px;
	line-height: 50px;
	padding: 0 30px;
	height: 50px;
}

.head_sortirovka span.namehead {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 40px;
    align-items: center;
    color: #1F1F1F;
    margin-right: 2%;
}

.head_sortirovka a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 40px;
    align-items: center;
    color: #989898;
    text-decoration: none;
    margin-left: 1%;
    /* padding-right: 2%; */
    margin-right: 2%;
}

.head_sortirovka a.active {
	color: #3D8DD6;
	font-weight: 500;
	padding-right: 2%;
}

.head_sortirovka a.active.desc {
	background: transparent url(../img/desc.svg) no-repeat right center;
}

.head_sortirovka a.active.asc {
	background: transparent url(../img/asc.svg) no-repeat right center;
}


.category_spoiler_title {
    color: #2980b9;
    margin: 0px 10px -1px 10px;
    /* opacity: 0.9; */
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    background: transparent url(../img/info.svg) no-repeat left bottom;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

h6.sale {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;

    align-items: center;
    color: #000000;


    line-height: 30px;
}

p.sale{

}

h6.sale.personal {

    line-height: 20px;
    font-weight: normal;
    background-position-y: 5px;
    margin-bottom: 20px;
}

 input#email.salemeemail {
    background: #F6F6F6;
    border-radius: 2px;
    border: none;
    height: 50px;
    width: 255px;

    color: #C4C4C6;
    font-size: 15px;
    padding: 0px 0px 0px 15px;
}

 input.saleme {
    border: none;
    height: 50px;
    width: 120px;
    margin-left: -4px;
    padding: 0px;
    font-size: 15px;
    background: #3D8DD6;
    border-radius: 0px 2px 2px 0px;
    color: white;
    font-family: Roboto;
    font-style: normal;
    font-size: 17px;
    cursor: pointer;
}

.mysale {


    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
}

.imagepc {
    float: left;
    width: 280px;
}

.imagepc img {
    width: 280px;
    height: 180px;
}

.textpc {
    float: right;
    width: 580px;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.03em;
    font-weight: 300;
}

.imagexbox {
    float: left;
}

.imagexbox img {
    width: 140px;

}

.textxbox {
    float: right;
    width: 700px;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.03em;
    font-weight: 300;
}

ul.gallery li.loaded {
    width: 80px!important;
    height: 50px!important;
    margin-right: 20px!important;
    margin-top: 20px!important;
    margin-bottom: 0px!important;
    border: 0px!important;
}

ul.gallery .gallery li.video::before {
    content: '';
    width: 20px!important;
    height: 20px!important;
    background: url(/img/icons/play.svg)!important;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
}

ul.gallery li.loaded img {
    width: 80px!important;
    height: 50px!important;
}

ul.gallery li.loaded:nth-child(3n+4) {
    margin-right: 0px!important;
}

ul.gallery {
    padding: 0px!important;
}

li.mainloaded span{
    position: absolute;
    left: 30px;
    bottom: 23px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 40px;
    background: url(/img/icons/playblack.svg) no-repeat;
    line-height: 30px;
    z-index: 3;
}

.imagepcmini li.mainloaded a:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgba(31, 31, 31, 0) 56.11%, rgba(31, 31, 31, 0.7) 100%);
    border-radius: 2px;
    width: 280px;
    height: 180px;
}

.gallery li.video a::before {
    content: '';
    width: 20px!important;
    height: 20px!important;
    background: url(/img/icons/play.svg) no-repeat!important;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -10px!important;
    margin-top: -10px!important;
}

.poiskhide_title {
    height: 60px;
    line-height: 60px;
    background: #ffffff;
    font-weight: 500;
    font-size: 18px;
  cursor: pointer;
    align-items: center;
    color: #1F1F1F;
}

#form2 button.s-button {
    background: url(../img/icons/search.svg) no-repeat center;
    width: 40px;
    height: 35px;
    border: 0px;
    margin-top: 20px;
    position: absolute;
    margin-left: -40px;
    cursor: pointer;
}

#form2 input.s-input {
    width: 360px;
    height: 35px;
    left: 130px;
    top: 230px;
    background: #F6F6F6;
    border: 0px;
    color: #1F1F1F;
    padding-left: 20px;
    margin-top: 20px;
}

.newgame {
  position: absolute;
width: 20px;
height: 100%;
background: #FFD600;
color: #1F1F1F;
display: flex;
align-items: center;
}

a.item_listnew.new:before {
  content: '';
    width: 20px;
    background: #FFD600;
    color: #1F1F1F;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

a.item_listnew.new:after {
  content: 'new';
height: 100%;
color: #1F1F1F;
display: flex;
align-items: center;
transform: rotate(-90deg);
position: absolute;
left: 0px;
top: 0px;
font-weight: normal;
font-size: 12px;
}



.newgame .newgamenew{
      transform: rotate(-90deg);
      line-height: 60px;
      font-weight: 500;
      font-size: 12px;

}


.filter .icons:before {
  content: '';
  background-repeat: no-repeat;
  margin: 0 4px;
  left: 10px;
  top: 10px;
  position: relative;
  height: 30px;
  display: inline-block;
  background-color: #E8E8E8;
  border-radius: 30px;
}

.icons-old:before {
    background-position: center;
    background-image: url(/icons/oldgame.svg);
    width: 29px;
}

.icons-rent:before {
    background-position: center;
    background-image: url(/icons/rentgame.svg);
    width: 29px;
}

.icons-ru:before {
    background-position: center;
    background-image: url(/icons/rus.svg);
    width: 29px;
}

.icons-off:before {
    background-position: center;
    background-image: url(/icons/offline.svg);
    width: 29px;
}

.icons-reset:before {
    background-position: center;
    background-image: url(/icons/close.svg);
    width: 29px;
}

.icons-garant:before {
    background-position: center;
    background-image: url(/icons/garant.svg);
    width: 29px;
}

.icons-home:before {
    background-position: center;
    background-image: url(/icons/p1game.svg);
    width: 29px;
}

.filter {
    margin: 0px 0;
    float: right;

    height: 50px;
    color: #1F1F1F;
    font-weight: 500;
    font-size: 12px;
}

.filter a.icons-url {
    margin-left: 5px;
}

.filter a.icons-url {
    display: inline !important;
}

.filter .icons:hover:before {
    background-color: #FFD600;
}

.filter .icons-old:hover:before {
    background-position: center;
    background-image: url(/icons/oldgameh.svg);
    width: 29px;
}

.filter .icons-rent:hover:before {
    background-position: center;
    background-image: url(/icons/rentgameh.svg);
    width: 29px;
}

.filter .icons-garant:hover:before {
    background-position: center;
    background-image: url(/icons/garanth.svg);
    width: 29px;
}

.filter .icons-ru:hover:before {
    background-position: center;
    background-image: url(/icons/rush.svg);
    width: 29px;
}

.filter .icons-off:hover:before {
    background-position: center;
    background-image: url(/icons/offlineh.svg);
    width: 29px;
}

.filter .icons-reset:hover:before {
    background-position: center;
    background-image: url(/icons/closeh.svg);
    width: 29px;
}

.filter .icons-home:hover:before {
    background-position: center;
    background-image: url(/icons/p1gameh.svg);
    width: 29px;
}

.filter .icons-url .checked:before {
    content: '';
    background-image: url(/img/icons/checked.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    right: -7px;
    position: absolute;
    display: inline-block;
    top: -12px;
}

.reviews-empty {
    float: left;
    width: 480px;
    height: 90px;
    padding: 10px;
    margin: 10px 0 20px 0;
    line-height: 90px;
    text-align: center;
    background: #fff url(../img/background-no-reviews.png) 50% 50% no-repeat;
    border: 1px dashed #ddd;
    border-radius: 10px;
    }

    .reviews_content .feedback{
        color: #1977b8;
        font-weight: 500;
        border-bottom: 0px;
        margin-right: 10px;
        font-size: 15px;
        cursor: pointer;
    }
#dataUploadfeedseller .feedback{
        border-bottom: 1px solid #4b4c4d;
    }

    .namefeed a.rev_listnew {
    text-decoration: none;
    margin: 0px 0px 10px 30px;
    letter-spacing: 1px;
    line-height: 30px;
}

    .reviews_content .feedback.active{
        color: black;

    }

    h1.pageh1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #353535;
    border-bottom: 3px solid #ffcd02 !important;
    display: inline-block;
    margin: 12px 0px 0px 0px;
    opacity: 1;
}

.staticpage {
    font-weight: 300;
    font-size: 15px;
    line-height: 140%;
    color: #1F1F1F;
    padding: 35px 120px 50px 50px;
    background: #F6F6F6;
    border-radius: 2px;
}

.staticpage h3{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #1F1F1F;
    line-height: 35px;
    display: flex;
}

.staticpage h3:before{

    margin-right: 10px;
    content: '';
    display: inline-block;
    width: 35px;
    /* float: left; */
    height: 35px;
    text-decoration: none;
    background-color: #FFD600;
    border-radius: 35px;
}

.staticpage h3:nth-child(1):before {
    background: url(/icons/pokupki.svg) no-repeat center;
        background-color: #FFD600;
}

.staticpage h3:nth-child(3):before {
    background: url(/icons/best.svg) no-repeat center;
        background-color: #FFD600;
}

.staticpage h3:nth-child(5):before {
    background: url(/icons/change.svg) no-repeat center;
        background-color: #FFD600;
}


.delivery {
    padding: 15px 0px 10px 100px;
}

.faq {
    padding: 15px 0px 10px 100px;
}

.delivery:before{

  margin-right: 10px;
  content: '';
  display: inline-block;
  width: 80px;
  float: left;
  height: 80px;
  text-decoration: none;
  border-radius: 80px;
  margin-left: -100px;
  background: url(/icons/delivery.svg) no-repeat center;
  background-color: #FFD600;
}

.faq:before{

  margin-right: 10px;
  content: '';
  display: inline-block;
  width: 80px;
  float: left;
  height: 80px;
  text-decoration: none;
  border-radius: 80px;
  margin-left: -100px;
  background: url(/img/icons/faq.svg) no-repeat center;
  background-color: #FFD600;
}

.delivery h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #1F1F1F;
    margin-bottom: 20px;
}

.faq h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 80px;
    color: #1F1F1F;
}

.delivery h4 {
    font-weight: normal;
    font-size: 15px;
    line-height: 140%;
    color: #1F1F1F;
    background: #FFD600;
    border-radius: 15px;
    display: inline-block;
    padding: 2px 7px;
}

.faq_block {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    margin-bottom: 10px;
}

.faq_title {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #000000;
    padding: 25px 100px 25px 30px;
    background: url(../img/icons/more.svg) no-repeat right;
    background-position-x: 540px;
    cursor: pointer;
}


.faq_desc {
    padding: 0px 100px 25px 30px;
    font-weight: 300;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: rgb(31, 31, 31);
}

.mobile {
    display: none;
}

.fcolumnm {
    display: none;
}

.forh1 {
  display: inline-table;
    width: 100%;
    margin: 0px;
    background: none;
    cursor: pointer;
  }

  .forh1 h1:after {
    content: "";
    margin-left: 7px;
    font-size: 14px;
    vertical-align: middle;
    /* line-height: 9px; */
    /* font-weight: normal; */
    background: url(../img/icons/more.svg) no-repeat center;
    width: 50px;
    height: 20px;
    display: inline-block;
}

.column3 {
  font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-size: 17px;
      color: #000000;
      width: 220px;
      background: #F6F6F6;
      border-radius: 2px;
      padding: 32px 25px 26px;
      line-height: 140%;
      display: inline-grid;
      margin-right: 20px;
      margin-bottom: 20px;
}

.garantimg {
  width: 68px;
  height: 68px;
  margin: auto;
  border-radius: 35px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
    background-position: center;
}

.garantimg.a {
  background-image: url(../img/icons/g1.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}

.garantimg.b {
  background-image: url(../img/icons/g2.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}

.garantimg.c {
  background-image: url(../img/icons/g3.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}

.garantimg.d {
  background-image: url(../img/icons/g4.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}

.garantimg.e {
  background-image: url(../img/icons/g5.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}

.garantimg.f {
  background-image: url(../img/icons/g6.svg), linear-gradient(180deg, #FFD500 0%, #FFE550 100%);
}


.column3 h2 {
    font-size: 17px;
    line-height: 150%;
    margin-bottom: 10px;
}

.column3 .text {
    font-size: 15px;
    line-height: 140%;
    text-align: inherit;
}

.productwot img {
    width: 280px;
}

#notify {
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #ff1a1a;
    font-size: 14px;
    box-sizing: border-box;
    margin-top: 20px;
    line-height: 20px;
}

#showmore-triger {
	text-align: center;
	padding: 10px;

}

#loadMore {
  background-color: #3D8DD6;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  margin: 20px auto;
  display: block;
  cursor: pointer;
  transition: background 0.3s;
}
#loadMore:hover {
  background-color: #444;
}
#loadMore.loading {
  position: relative;
  color: transparent;
}
#loadMore.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 3px solid #fff;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


#loadMoreFeedback {
  background-color: #3D8DD6;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  margin: 20px auto;
  display: block;
  cursor: pointer;
  transition: background 0.3s;
}
#loadMoreFeedback:hover {
  background-color: #444;
}
#loadMoreFeedback.loading {
  position: relative;
  color: transparent;
}
#loadMoreFeedback.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 3px solid #fff;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.sort-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: 'Segoe UI', sans-serif;
}

#sortSelect {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='currentColor' height='20'  width='20' xmlns='http://www.w3.org/2000/svg'><path d='M8 9.16 4.56 5.72 3.5 6.78l4.5 4.5 4.5-4.5-1.06-1.06z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 25px;
}

#sortSelect:focus {
  outline: none;
  border-color: #999;
}

.skeleton-item {
  background: #f0f0f0;
  border-radius: 6px;
  height: 95px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.skeleton-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  animation: loading 1.5s infinite;
}
@keyframes loading {
  0% { left: -100%; }
  50% { left: 100%; }
  100% { left: 100%; }
}

.filter-inner {
  margin-top: 0;
  padding: 0 12px;
  white-space: nowrap;
  line-height: 50px;
  height: 50px;
}

.search-wrapper {
  position: relative;
  margin: 20px 0;

  text-align: center;
}

#searchInput {
  width: 300px;
  padding: 10px 36px 10px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 10px;
  transition: 0.3s;
}

#searchInput:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.2);
}

.search-icon {
  position: absolute;
  /* right: 179px; */
  top: 50%;
  transform: translateY(-50%);
  background: url(/img/icons/search.svg) no-repeat center center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  margin-left: -40px;
}

#discount.tab_content {

    text-align: center;
    padding: 20px;
}

.searchcat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f3f3;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
}

.searchcat-name {
  font-weight: bold;
  font-size: 16px;
}

.searchcat-stats {
  font-size: 14px;
  color: #666;
}

.poiskhide_title {
  cursor: pointer;
  color: #007bff;
  white-space: nowrap;

  text-align: left;
  padding-right: 15px;
  padding-left: 350px;
}

.poiskhide {
  display: none;

  margin-bottom: 12px;
}

.catname {
  font-weight: bold;
color: #3D8DE1;
}

.catprice {
    line-height: 30px;
}

.catresult {
  margin-bottom: 10px;
      padding: 10px 15px;
}

.head_sortirovka.poisk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0px 15px;
  background-color: #ffffff;
  border-radius: 8px 8px 0px 0px;
  font-family: Arial, sans-serif;
  overflow: hidden;
}
.head_sortirovka {


}

.infosearch {
  font-weight: bold;
  color: #333;
  flex-grow: 1;
}

.namehead {
  font-weight: normal;
  margin-right: 5px;
  color: #555;
}

#sortForm select {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 160px;
}