/* static/css/base.css */
html {
	background-color: #171717;
}
@font-face {
  font-family: "Monserrat";
  font-style: normal;
  font-weight: 400;
  src: local("Monserrat"),
       url('/static/files/monserrat.woff2') format("woff2");
}
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    background-color:#171717;
    color:#fff;
	overflow-x: hidden;
	width:100%;
}
input, select {
    font-family: 'Montserrat', sans-serif;
}
.control {
    margin-bottom: 10px;
}
#screenshot, #screenshot-img {
    width:80%;
}
.modal #screenshot, .modal #screenshot-img {
    width:100%;
}
#screenshot-img {
    position: absolute;
    z-index:3;
}
#screenshot-img.no-absolute {
	position: relative;
}

.relative {
    position: relative;
}
#screenshot {
    position: relative;
    z-index:2;
}
.bg-green {
    background: #1b9e04;
    background: linear-gradient(90deg, #1b9e04 0%, #3cd621 100%);
}
.bg-lime {
    background: #3cd621;
    background: linear-gradient(90deg, #3cd621 0%, #f1f102 100%);
}
.bg-yellow {
    background: #f1f102;
    background: linear-gradient(90deg, #f1f102 0%, #fa7704 100%);
}
.bg-orange {
    background: #fa7704;
    background: linear-gradient(90deg, #fa7704 0%, #d20505 100%);
}
.bg-red {
    background: #d20505;
}
#screenshot-wrap .wear-range-wrap {
    margin-top: 80px;
	background: #1e2938;
}
.wear-range div:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.wear-range div:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.wear-range {
    display: flex;
    position: relative;
    height: 5px;
}
.empty {
    position: absolute;
    background: #1E1E20;
    height: 5px;
    right: -1px;
}
#seekRange {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    height: 2px;
    z-index: 3;
    left: 0px;
}
input[type=range]::-moz-range-thumb {
    appearance: none;   
    background-color: #171717;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 5px solid #fff;
    cursor: pointer;
 }
 input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;   
    background-color: #171717;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 5px solid #fff;
    cursor: pointer;
}
#seekRangeV, #seekRangeDamageV  {
    position: absolute;
}
#seekRangeV span, #seekRangeDamageV span {
    position: absolute;
    top: -58px;
    z-index: 3;
    background: #333336;
    padding: 10px 5px;
    border-radius: 5px;
    left: -30px;
    width: 65px;
    font-size: 12px;
}
#seekRangeDamageV span {
    left: -16.5px;
    width: 40px;
    text-align: center;
}
#seekRangeV span::before, #seekRangeDamageV span::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 28px;
    width: 10px;
    height: 10px;
    background: #333336;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
}
#seekRangeDamageV span::before {
    left: 15px;
}
.damage-distance-label-left, .damage-distance-label-right {
    font-size: 12px;
}
.wear-range-wrap {
    position: relative;
}
#screenshot-click {
    width: 100%;
    height: 97%;
    position: absolute;
    z-index: 30;
}
.modal #screenshot-click {
    display:none;
}
.modal #screenshot-frame {
    max-width: 60%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	background: #1e2938;
}
.list-item img {
    width:100%
}
.button {  
    text-align: center;  
    transition: 0.2s background;
    color: #ED3137;
    border: 1px solid #ED3137; 
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 5px;
    padding: 29px;
    width: 100%;
  }
  .button.color {
    color: #ffffff;
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #FF512F 0%, #F09819  51%, #FF512F  100%);    
  }
  
  .button:hover {
    transition: 0.2s background;
    color: #ffffff;
    background-color:#ED3137;

  }
 .b {
    font-weight: bold;
 } 
 /* .button:active {
    transform: scale(0.95);
  }*/
.edit {
    margin-top: -6px;
}
header {
    margin-bottom: 2rem;
    display: flex;
}
header.light {
    display: inherit;
} 
.main {
    max-width: 1300px;
    margin: 0 auto;
} 

h1, .big-header {
    font-size: 24px;
    font-weight: bold;
}

h2, .medium-header {
    font-size: 18px;
}
h3, .small-header {
    font-size: 16px; 
}
.glider-contain, .glider-contain.glider-carousel-contain {
    width: 1021.5px;    
}
.glider-slide {
    min-width:auto;
}
.glider-detail {
    border-radius: 5px;
}
.glider-dots {
    flex-wrap: inherit;
    padding-top: 17px;
}
.glider-dot {
    width: 100%;
    height: 5px;
    margin: 0px 5px 0px 0px;
    background: #171717;    
}
.glider-dot:first-child {
    margin-left:0px;
}
.glider-dot:last-child {
    margin-right:0px;
}
.glider-dot.active, .glider-dot:hover, .glider-dot:focus {
    background:#ED3137;
}
.glider-carousel-wrapper {
    margin-bottom: 60px;    
}
.glider-carousel {
    margin-bottom: 25px;
}
.glider-carousel-contain .glider-bottom-controls {
    margin-top: 0px;
}


.glider-bottom-controls {
    position: relative;
    padding: 0px 60px;
    height: 40px;
    margin-top: 30px;
}
.glider-next, .glider-prev {
    top: 0px;
    border: 1px solid #171717;
    background: #171717;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.glider-prev {
    transform: rotate(180deg);
    left: 0px;
}
.glider-next {
    right: 0px;
}

.glider-next:focus, .glider-next:hover, .glider-prev:focus, .glider-prev:hover {
    color:black;
    cursor: pointer;
}
.glider-next.disabled, .glider-prev.disabled {
    border-color: #ddd;
}

.glider-next svg, .glider-prev svg{
	top: 15px;
    left: 18px;
    position: absolute;
}

.glider-track a {
    width: auto !important;
}
.agent img {
    height: 700px;
    margin: 0 auto;
}
.damage-map-numbers {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    color: #787272;
}

.agent {
    position: relative;
    text-align: center;
}
.leg {
    bottom: 30%;
    width: 30%;
}
.pelvis {
    bottom: 55%;
    width: 30%;
}
.chest {
    top: 25%;
    width: 20%;
}
.head {
    top: 10%;
    width: 35%;
}

.damage-map-numbers .left {
    position: absolute;
    left: 0px;    
}
.damage-map-numbers .right {
    position: absolute;
    right: 0px;    
}
.damage-map-numbers .left .damage-map-line {
    background: linear-gradient(-90deg, #ED3137 0%, #00000000 100%);
}

.damage-map-numbers .right .damage-map-line {
    background: linear-gradient(90deg, #ED3137 0%, #00000000 100%);
}
.damage-map-line {
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.damage-map-circle {
    width: 13px;
    height: 13px;
    display: inline-block;
    border: 3px solid #ED3137;
    border-radius: 50%;
    position: absolute;
    bottom: -5.5px;
}
.left .damage-map-circle {
    right: -13px;
}
.right .damage-map-circle {
    left: -13px;
}
.armor, .damage-map-label.armor-label {
    color: #ED3137;
    margin-right: 0px;
}
.damage-map-label {
    display: inline-block;
    color: #787272;
    font-size: 14px;
    margin-right: 30px;
}
.damage-map-label span {
    background: #787272;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin-right: 10px;
}
.damage-map-label.armor-label span {
    background: #ED3137;
}
#seekRangeDamage {
    background-color: #ED3137;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 6px;
}

.damage-distance {
    margin-top: 70px;
    position: relative;
    margin-bottom: 40px;
}
.damage-distance-label-right {
    position: absolute;
    bottom: -30px;
    right: 0px;
}
.damage-distance-label-left {
    position: absolute;
    bottom: -30px;
    left: 0px;
}
.gallery {
    position: relative;
    max-width: 2500px;
    margin: 0 auto;    
}
#main-img {
    width: 100%;
    max-width: 512px; 
    position: relative;   
}
.main-img-wrapper {
    position: relative;
    min-height: 318px;
	text-align: center;
}
.main-img-icons {
    position: relative;
    padding: 30px 30px 0px 30px;
	text-align: left;
}
.collection-item {
    width: 50px;
    height: 50px;
    padding: 5px;
    border-radius: 5px;
    background: #232326;
    display: flex;
    justify-content: center;
    align-items: center;
}
.collection-item img {
    width: 100%;
}
.main-img-icons-left, .main-img-icons-right {
    display: inline-block;
}
.main-img-icons-right {
    float:right;
}
.rarity {
    background: radial-gradient(rgb(221 1 1 / 44%) 0%, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
    position: relative;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: -10px;
}
.rarity.mil-spec-grade, .rarity.destinguished, .rarity.high-grade {
    background: radial-gradient(rgb(41 68 206 / 44%) 0%, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.master, .rarity.extraordinary, .rarity.covert {
    background: radial-gradient(#eb4b4b6e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.base-grade, .rarity.consumer-grade {
    background: radial-gradient(#b0c3d96e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.default {
    background: radial-gradient(#ded6cc6e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.contraband {
    background: radial-gradient(#e4ae396e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.superior, .rarity.exotic, .rarity.classified {
    background: radial-gradient(#d32ce66e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.exceptional, .rarity.remarkable, .rarity.restricted {
    background: radial-gradient(#8847ff6e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}
.rarity.industrial-grade {
    background: radial-gradient(#5e98d96e, rgba(9,9,121,0) 60%, rgba(0,0,0,0) 100%);
}


.rarity-back {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(/images/icons/img-back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    top: -10px;
}
.pattern {
    background-image: url(/images/patterns/arrows5.svg);
    background-color: #f5f5f5
}
.pattern-muted {
    background-image: url(/images/patterns/arrows-muted.svg);
    background-color: #f5f5f5
}
#map-container {
    background-color: #f5f5f5;
}
#map-update {
    position: absolute;
    top: 20px;
    z-index: 5;
    right: 22px;
    width: 160px;
}
#location-button {
    position: absolute;
    top: 70px;
    z-index: 5;
    right: 22px;
    width: 160px;
}
.hidden {
    display: none;
}
.total-images {
    position: absolute;
    right: 6%;
    bottom: 20px;
}
.controls {
    position: absolute;
    right: 6%;
    top: 20px;
}
.controls .inline-block {
    vertical-align: middle;
}
.dropdown.is-left .dropdown-menu {
    left: -143px;
}



.card-medium .glider-contain, .card-medium .empty-image {
    border-radius: 4px;
}
.card-medium .glider-prev, .card-medium .glider-next, .card-medium .total-images {
    display: none;
}
.card-medium .glider-contain:hover .glider-prev, .card-medium .glider-contain:focus .glider-prev, .card-medium .glider-contain:hover .glider-next, .card-medium .glider-contain:focus .glider-next, .card-medium .glider-contain:hover .total-images, .card-medium .glider-contain:focus .total-images {
    display: inherit;    
}
.card-medium .glider-prev {
    left: 15px;
}
.card-medium .glider-next {
    right: 15px;
}
.card-medium .total-images {
    right: 0;
    left: 0;
    margin: auto;
    width: 50px;      
}
.card-medium .empty-image, .card-tile .empty-image{    
    width: 260px;
    height: 200px;
    text-align: center;
    display: inline-block;
}
.card-medium .empty-image img, .card-tile .empty-image img{
    margin: 10px auto;
}
.baguetteBox-button:focus, .baguetteBox-button:hover, .baguetteBox-button {
    background-color: transparent;
}

.hours .day {
    width: 100px;
    display: inline-block;
}
.show-more-phone {
    cursor: pointer;
}

a.place-menu, span.place-menu {
    background: #f5f5f5;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0px;
    color: #4a4a4a;
    display: block;
}

.pointer {
    cursor:pointer;
}
.rating-mini {
    padding: 6px 11px;
    border-radius: 5px;
}
.rating-big {
    font-size: 100px;
    font-weight: bold;
    height: 100px;
    display: inline-block;
    line-height: 100px;
}
.widget {
    display: flex;
    align-items: center;
}
.widget-column:first-child {
    margin-right: 30px;
}
.center-text {
    text-align: center;
}
.color-0\.0 {
    background: #787272;
    border-top-color: #787272;
    color: #fff;
}
.color-1\.0, .color-1\.1, .color-1\.2, .color-1\.3, .color-1\.4, .color-1\.5, .color-1\.6, .color-1\.7, .color-1\.8,
.color-1\.9, .color-2\.0, .color-2\.1, .color-2\.2, .color-2\.3, .color-2\.4, .color-2\.5, .color-2\.6, .color-2\.7
 {
    background: #787272;
    border-top-color: #787272;
    color: #fff;
}
.color-2\.8, .color-2\.9, .color-3\.0, .color-3\.1, .color-3\.2, .color-3\.3, .color-3\.4, .color-3\.5, .color-3\.6, .color-3\.7 {
    background: #edc731;
    border-top-color: #edc731;
    color: #fff;
}
.color-3\.8, .color-3\.9, .color-4\.0, .color-4\.1, .color-4\.2, .color-4\.3, .color-4\.4 {
    background: #ed6d31;
    border-top-color: #ed6d31;
    color: #fff;
}
.color-4\.5, .color-4\.6, .color-4\.7, .color-4\.8, .color-4\.9, .color-5\.0 {
    background: #ED3137;
    border-top-color: #ED3137;
    color: #fff;
}

.color-text-1\.0, .color-text-1\.1, .color-text-1\.2, .color-text-1\.3, .color-text-1\.4, .color-text-1\.5, .color-text-1\.6, .color-text-1\.7, .color-text-1\.8,
.color-text-1\.9, .color-text-2\.0, .color-text-2\.1, .color-text-2\.2, .color-text-2\.3, .color-text-2\.4, .color-text-2\.5, .color-text-2\.6, .color-text-2\.7
 {
    color: #9d2323;
}
.color-text-2\.8, .color-text-2\.9, .color-text-3\.0, .color-text-3\.1, .color-text-3\.2, .color-text-3\.3, .color-text-3\.4, .color-text-3\.5, .color-text-3\.6, .color-text-3\.7 {
    color: #b1541e;
}
.color-text-3\.8, .color-text-3\.9, .color-text-4\.0, .color-text-4\.1, .color-text-4\.2, .color-text-4\.3, .color-text-4\.4 {
    color: #72a733;
}
.color-text-4\.5, .color-text-4\.6, .color-text-4\.7, .color-text-4\.8, .color-text-4\.9, .color-text-5\.0 {
    color: #439d1a;
}

.leaflet-container-default { /*will brake if remove*/
    min-height: 300px;
    border-radius: 4px;
}

#post_map.leaflet-container-default {
    min-height: 600px;
    z-index: 4;
}
.one-map #post_map.leaflet-container-default { /*will brake if remove*/
    min-height: 200px;
    z-index: 4;
}
.textarea[rows], .textarea {
    font-family: inherit;
    height: 100px;
}

p {
    margin: 0px;
    margin-bottom: 5px;
}

a {
    color:#fff;
    text-decoration:none;
}
a:hover, a:focus, .a-imit:hover, .a-imit:focus, .leaflet-container a:hover, .leaflet-container a:focus, .tags span:hover, .tags span:focus, .breadcrumbs a:hover, .breadcrumbs a:focus {
    color: #ee3137
}
.radius {
    border-radius: 4px;
}

ul, ol, ul li, ol li {
    padding: 0px;
    margin: 0px;
    list-style:none;
}

h1, h2, h3, h4, .big-header, .medium-header, .small-header {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}

.stars {
    display: inline-block;
    vertical-align: sub;
}
.star, .star-yellow, .star-grey {
    height: 20px;
    width: 20px;
    display: inline-block;    
}
.stars-active .star, .stars-active .star-yellow, .stars-active .star-grey {
    height: 40px;
    width: 40px;
    display: inline-block;    
}
.star {
    position: relative;
}
.star-yellow {
    background-image: url(/images/icons/star.svg);
    position: absolute;
    z-index: 1;
}
.star-grey {
    background-image: url(/images/icons/star-grey.svg);
    position: absolute;
}
.stars-active .star-yellow {
    background-image: url(/images/icons/star-big.svg);
    position: absolute;
    z-index: 1;
}
.stars-active .star-grey {
    background-image: url(/images/icons/star-grey-big.svg);
    position: absolute;
}
.comment-form .stars-active {
    min-width: 267px;
}

.star.tran-1.pos-3 .star-yellow, .star.tran-1.pos-4 .star-yellow, .star.tran-1.pos-5 .star-yellow,
.star.tran-2.pos-4 .star-yellow, .star.tran-2.pos-5 .star-yellow, .star.tran-3.pos-5 .star-yellow,
.star.tran-0.pos-1 .star-yellow, .star.tran-0.pos-2 .star-yellow, .star.tran-0.pos-3 .star-yellow, .star.tran-0.pos-4 .star-yellow, .star.tran-0.pos-5 .star-yellow
{
    background: transparent;
}
.star.tran-1.pos-2.fill-0 .star-yellow, .star.tran-2.pos-3.fill-0 .star-yellow, .star.tran-3.pos-4.fill-0 .star-yellow, .star.tran-4.pos-5.fill-0 .star-yellow
{
    width:0%
}
.star.tran-1.pos-2.fill-1 .star-yellow, .star.tran-2.pos-3.fill-1 .star-yellow, .star.tran-3.pos-4.fill-1 .star-yellow, .star.tran-4.pos-5.fill-1 .star-yellow
{
    width:10%
}
.star.tran-1.pos-2.fill-2 .star-yellow, .star.tran-2.pos-3.fill-2 .star-yellow, .star.tran-3.pos-4.fill-2 .star-yellow, .star.tran-4.pos-5.fill-2 .star-yellow
{
    width:20%
}
.star.tran-1.pos-2.fill-3 .star-yellow, .star.tran-2.pos-3.fill-3 .star-yellow, .star.tran-3.pos-4.fill-3 .star-yellow, .star.tran-4.pos-5.fill-3 .star-yellow
{
    width:30%
}
.star.tran-1.pos-2.fill-4 .star-yellow, .star.tran-2.pos-3.fill-4 .star-yellow, .star.tran-3.pos-4.fill-4 .star-yellow, .star.tran-4.pos-5.fill-4 .star-yellow
{
    width:40%
}
.star.tran-1.pos-2.fill-5 .star-yellow, .star.tran-2.pos-3.fill-5 .star-yellow, .star.tran-3.pos-4.fill-5 .star-yellow, .star.tran-4.pos-5.fill-5 .star-yellow
{
    width:50%
}
.star.tran-1.pos-2.fill-6 .star-yellow, .star.tran-2.pos-3.fill-6 .star-yellow, .star.tran-3.pos-4.fill-6 .star-yellow, .star.tran-4.pos-5.fill-6 .star-yellow
{
    width:60%
}
.star.tran-1.pos-2.fill-7 .star-yellow, .star.tran-2.pos-3.fill-7 .star-yellow, .star.tran-3.pos-4.fill-7 .star-yellow, .star.tran-4.pos-5.fill-7 .star-yellow
{
    width:70%
}
.star.tran-1.pos-2.fill-8 .star-yellow, .star.tran-2.pos-3.fill-8 .star-yellow, .star.tran-3.pos-4.fill-8 .star-yellow, .star.tran-4.pos-5.fill-8 .star-yellow
{
    width:80%
}
.star.tran-1.pos-2.fill-9 .star-yellow, .star.tran-2.pos-3.fill-9 .star-yellow, .star.tran-3.pos-4.fill-9 .star-yellow, .star.tran-4.pos-5.fill-9 .star-yellow
{
    width:90%
}
.dot-left {
    display: inline-block;
    position: relative;
    padding-left: 2em;
}
.dot-left:before {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #c0c0c0;
    border-radius: 100%;
    display: block;
    left: 17px;
    position: absolute;
    top: 50%;    
}
.dot-left-big {
    display: block;
    position: relative;
    padding-left: 0.8em;
}

.dot-left-big:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #c0c0c0;
    border-radius: 100%;
    display: block;
    left: 3px;
    position: absolute;
    top: 40%;
}
.dot-left-big.open:before {
    background-color: #439d1a;
}

label, .grey-text, a.grey-text, a.grey-text:hover {
    color: #787272;
}
.green-text {
    color: #439d1a;
}
.red-text {
    color: #9d2323;
}
*, *::before, *::after {
    box-sizing: inherit;
}
label, .mid-text {
    font-size: 15px;
}
.big-text {
    font-size: 20px;
}
.line-brake, .line-brake-items a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.line-brake-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
address {
    font-style: inherit;
}
label {
    display: block;
}
.bold {
    font-weight: bold;
}
.card-service {
    padding: 10px 15px;
    border-radius: 3px;
    background: #f5f5f5;
}
.service-description, .service-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  
 /* The Modal (background) */
.modal {
    display: none;  /*Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
    align-items: center;
	background: #1e2938;
  }
.modal.block{
    display: flex;
  }
.modal-background {
    position: fixed;
    width: 100%;
    height: 100%;

}
  
  /* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    z-index: 999;
    position: relative;
    border-radius: 5px;
}
  
.modal-close {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    color: #ddd;
    font: 1.6em sans-serif;
    z-index: 999;
}
.modal-close svg {
    position: absolute;
    left: 0;
    top: 0;
}
  
.modal-close:hover, .modal-close:focus {
    text-decoration: none;
    cursor: pointer;
}

.card-service-wrapper.hidden {
    display: none;
  }

.review {
    margin-bottom: 2em;
}
.comp-logo-wrapper a, .comp-logo-wrapper span {
    min-width: 80px;
    display: inline-block;
}
.comp-logo {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}



.tags span, .tags a {
    background: #f5f5f5;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 5px;
    margin-bottom: 2px;
    white-space: nowrap;
    display: inline-block;
}
.tags span:last-child, .tags a:last-child {
    margin-right: 0px;
}
.comment-form {
    padding: 30px 50px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
}

#filter .accordion-header {
    cursor: pointer;
    position: relative;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 20px;
    color: #787272;
    border-top: 1px solid #171717;
}
#filter .accordion-header.accordion-open {
    border-bottom: transparent;
}
.accordion-panel label {
    color: #fff;
}

  .accordion-header::before {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    right: 0px;
    top: 26px;
    display: inline-block;
    transform: rotate(90deg);
 }
.accordion-header.accordion-open::before {
    transform: rotate(-90deg); 
}
.accordion .accordion-panel {
    padding: 0px 10px;
}
.accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out; /* Add a transition effect for max-height */
  }

.accordion-panel.accordion-open {
    overflow: inherit;
}
hr {
    border: 1px solid #efefef;
}
.card-wrapper {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}
.card-wrapper:last-child {
    border-bottom: 0px solid #efefef;
    margin-bottom: 0px;
}
.card-wrapper .accordion-header {
    font-weight: inherit;
}
.filter .button, .filter .dropdown, .filter .dropdown-trigger, .filter .control, .filter .select, .filter select {
    width: 100%;
}
.select:not(.is-multiple):not(.is-loading)::after, .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #999999;
}
.button.select {
    padding: 5px 10px;
    justify-content: left;
    min-width: 120px;
    width: 100%;
    background-image: linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 100%);
    border: 1px solid #dbdbdb;
    font-weight: inherit;
}
.button.select.color {
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
    border: transparent;
    font-weight: bold;
    max-width: 120px;
}
.select.color:not(.is-multiple):not(.is-loading)::after, .select.color:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #ffffff;
}
.button.select:hover, .button.select:focus, .button.select:active {
    transform: inherit;
}
.dropdown {
    cursor: pointer;
    font-size: 14px;
}
 
.filter.accordion-header {
    margin-bottom: 25px;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    height: 60px;
}
.filter.accordion-header::before {
    content:''
}
#map-appear {
    display: none;
    width: 150px;
}
.inline-block {
    display: inline-block;
}
.inline-flex {
    display: inline-flex;
}
.tag-services .dropdown-content {
    max-height: 207px;
    overflow-y: scroll;
}
.soc-wrapper .dot-left:first-child {
    padding-left: 0px;
}
.soc-wrapper .dot-left:first-child:before {
    background-color: transparent;
}
.soc-wrapper.comp-logo-wrapper a {
    min-width: inherit;
}
#id_tag_services label, #id_tag_services input {
    cursor: pointer;
    color: inherit;
    display: flex;
}

.leaflet-tooltip-top {
    padding: 0px;
    border-radius: 4px;
    border: 0px solid;
    font: inherit;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 1.5;
}
.leaflet-tooltip-top .rating-mini {
    position: relative;
}

.leaflet-tooltip-top .rating-mini::after {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: transparent;
    transform: rotate(0deg);
    border-top-color: inherit;
    content: "";
    bottom: -6px;
    left: 10px;
}
.leaflet-tooltip-top {
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
    background: transparent;
    opacity: 1 !important;
    line-height: 26px;
}
.leaflet-tooltip-top::before {
    display: none;
}

.leaflet-popup-content p {
    margin: 0px;
    margin-top: 5px;
}
.leaflet-popup-content {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: auto !important;
    min-width: 140px;
    max-width: 260px;
}
.leaflet-container a {
    -webkit-tap-highlight-color: #000000;
    color: #000000;
}
.leaflet-popup-content-wrapper {
    border-radius: 4px;
    box-shadow: 0px 3px 13px rgba(0,0,0,.2);
}
.top-line {
    padding: 25px 0px;
    position: relative;
    z-index: 5;
    background: #171717db;
}
.line {
    padding: 50px 0px;
}
.color-line {
    padding: 50px 0px;
    background: #ffd8b4;
}
.dropdown-menu {
    z-index: 9999;
}
#city-input-search {
    padding-left: 35px;    
}
.city-icon {
    position: relative;
}
.city-icon::after {    
    content: '';
    background:url('/images/icons/city.svg');
    position: absolute;
    left: 10px;
    top: 11px;
    width: 18px;
    height: 18px;
}

.menu-accordion.accordion-panel {
    max-height: inherit;
    overflow: inherit;
    width: 100%;
}
.menu-accordion.accordion-header {
    display: none;
}
.menu-accordion.accordion-header::before {
    display:none;
}

.top-link {
    font-size: 14px;
	margin-right: 15px;
}
.brand-logo img {
    margin-top: 6px;
}
.suggestions-container {    
    vertical-align: top;
}
.suggestions-container img {
    width: 30px;
}
.menu-accordion {    
    float: right;    
    vertical-align: middle;
}
.menu-accordion.accordion-panel {
    text-align: right;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.suggestions-container a {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.search .dropdown-content {
    background-color: #232326;
}
.menu-accordion .dropdown-content {
    text-align: left;
}
#search-wrap {
    width: 100%;
	margin-right: 15px;
	max-width: 366px;
}
.dropdown.search {
	width: 100%;
}
#search-wrap.modal {
	max-width: inherit;
}
.modal .dropdown.search {
	align-items: center;
    justify-content: center;
}
.search .dropdown-trigger {
    width: 100%;
}
.surname {
    display:none;
}
.middle {
    vertical-align: middle;
}
#service-prices-form .service-prices-row {
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.button.full-size {
    width: 100%;
    height: 100%;
    padding: 0px;
}
.button.full-width-size {
    width: 100%;
    padding: 31px;
}
#post-form h3 {
    margin-top:30px;
}
#post-form h3:first-child {
    margin-top:0px;
}
.current-images img {
    width: 100px;
    display: block;
    border-radius: 4px;
}
span.current-page {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: bold;
    min-width: 34px;
    display: inline-block;
}
.pagination a {
    padding: 5px 10px;
    display: inline-block;
}
.pagination {
    text-align: center;
    margin-bottom: 20px;
}
.pagination a.arrow {
    background: #ed3137;
    border-radius: 3px;
    padding: 14.3px 15px;
    /*vertical-align: top;*/
}
/*
.pagination a.arrow svg {
    display: inline;
    margin-bottom: 2px
}*/
a.arrow.arrow-prev svg {
    transform: rotate(180deg);
}
.pin-hovered {
    background: black !important;
    border-top-color: black !important;
    color: #fff !important;
}
.sticky {
    position: sticky;
    top: 0px;
}
.linking {
    display: grid;
    grid-template-columns: repeat(4, 1fr);    
}
.footer {
    padding: 25px 0px;
    margin-top: 25px;
    background: #1E1E20;
}
.breadcrumbs {
    padding-top: 25px;
    padding-bottom: 25px;   
    margin-top: 0px;
    margin-bottom: 30px;
    color: #414144;
    font-size: 14px; 
    border-top: 1px solid #242426;
    border-bottom: 1px solid #242426;
}
.breadcrumbs a {
    color: #787272;
}
.breadcrumbs svg {
    margin: 0px 25px 2px 25px;
}
.apps img {
    width: 135px;
    margin-top: 20px;
}
.card-wrapper.card-tile {
    width: 260px;
    margin-bottom: 10px;
    padding-bottom: 0px;
	text-align: left;
}
.content {
    min-height: 450px;
}
.card-tile img.address {
display: inline;
}
.glider-tile-wrapper {
    margin: 0 auto;
    position: relative;
}
.main-video {
    filter: brightness(75%) blur(5px);
    -webkit-filter: brightness(75%) blur(5px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 110%;
}

.video-container {
    height: 400px;
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.on-video {
    position: relative;
    z-index: 2;
}
.white {
    color: #ffffff;
}
.card-medium .tags a {
    margin-bottom: 0px;
}
.center {
    text-align: center;
}
.swipeable {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 20px;
}
.website {
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.dots li {
    border-bottom: 2px dotted #666666;
    height: 24px;
    position: relative;
    margin-bottom: 15px;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.r-dot, .l-dot {
    position: absolute;
    margin-top: 6px;
    background: #1E1E20;
}
.r-dot {
    right: 0px;
    padding-left: 3px;
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.l-dot {
    color: #666666;
    padding-right: 3px;
}

.wrapper {
    background: #1E1E20;
    padding: 30px;
    border-radius: 3px;
    margin-bottom: 25px;
}
.wrapper.zero-padding {
    padding:0px;
    padding-bottom:16px;
}
.full-line-item {
    padding: 16px 30px;
    display: block;
}

.full-line-item.active {
    background: #232326;
}
.dropdown-content {
    border-radius: 5px;
}
.dropdown-content.colored {
    background-color: #ED3137;
    padding: 17px;
}
.dropdown-content.colored a, .dropdown-content.colored a:hover {
    color: #ffffff;
    font-weight: bold;
}
.dropdown-content.colored {
    position: relative;
}
.dropdown-menu {
    min-width: 300px;
}
.dropdown.is-down .dropdown-content.colored::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 20.5px;
    width: 10px;
    height: 10px;
    background: #ED3137;
    transform: rotate(45deg);
    border-top-left-radius: 2px;
}
.dropdown.is-down .dropdown-content.colored a::after{
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-left: 5px;  
 }
.dropdown.is-down .dropdown-menu {
    padding-top: 12px;
}
.dropdown .collection-item:hover, .dropdown.is-active .collection-item  {
    background: #333336;
}
input#search-input {
    height: 60px;
    background-image: url(/images/icons/search.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding: 10px 40px 10px 20px;
}
.detail-header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}
.original {
    position: absolute;
    font-size: 14px;
    color: #787272;
}
.detail-header-left {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.detail-header-right {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.detail-header button.wishlist-btn {
    position: relative;
    margin-left: 10px;
}
.detail-header-right div {
    margin-right: 20px;
}
.detail-header-right div:last-child {
    margin-right: 0px;
}

.input, .select select, .textarea {
    background-color: #1E1E20;
    border-color: transparent;
    border-radius: 5px;
    color: #787272;
}
.input::placeholder, .select::placeholder, .textarea::placeholder {
    color: #787272;
}

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
    border-color:#ee3137;    
}
.search .dropdown-menu {
    width: 100%;
}
.flex {
    display: flex;
    align-items: center;
}
.main-img-icons-right .dropdown {
    margin-right: 10px;
}
.main-img-icons-right .dropdown:last-child {
    margin-right: 0px;
}
.main-img-icons-left .dropdown {
    margin-left: 10px;
}
.main-img-icons-left .dropdown:last-child {
    margin-left: 0px;
}
.offer {
    min-height: 100px;
    background: #1E1E20;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    font-size: 16px;
    color: #787272;
}
.offer .offer-price {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.offer::before {    
    content: '';
    width: 50px;
    height: 100px;
    background-color: transparent;
    border-radius: 5px 50px 50px 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 30px 0px 24px 0px #17171740 inset;
    -webkit-box-shadow: 30px 0px 24px 0px #17171740 inset;
    -moz-box-shadow: 30px 0px 24px 0px #17171740 inset;
    transition: background-color 0.2s ease; 
}
.offer:hover::before {
    background-color: #ED3137;
    transition: background-color 0.2s ease;
}
.offer:hover {
    background-color:#232326;    
    transition: background-color 0.2s ease;
}


.offer-labels {
    color:#787272;
    font-size: 14px;
}
.offer-name {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: inline-flex;
    margin-left: 20px;
}
.offer-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #171717;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    position: relative;
}
.offer-icon img {
    width: 40px;
    border-radius: 50%;
}
.stars {
    display: inline-block;
    vertical-align: sub;
}
.star, .star-red, .star-grey {
    height: 22px;
    width: 24px;
    display: inline-block;    
}
.stars-active .star, .stars-active .star-red, .stars-active .star-grey {
    height: 40px;
    width: 40px;
    display: inline-block;    
}
.star {
    position: relative;
}
.star-red {
    background-image: url(/images/icons/star.svg);
    position: absolute;
    z-index: 1;
}
.star-grey {
    background-image: url(/images/icons/star-grey.svg);
    position: absolute;
}

.star.tran-1.pos-3 .star-red, .star.tran-1.pos-4 .star-red, .star.tran-1.pos-5 .star-red,
.star.tran-2.pos-4 .star-red, .star.tran-2.pos-5 .star-red, .star.tran-3.pos-5 .star-red,
.star.tran-0.pos-1 .star-red, .star.tran-0.pos-2 .star-red, .star.tran-0.pos-3 .star-red, .star.tran-0.pos-4 .star-red, .star.tran-0.pos-5 .star-red
{
    background: transparent;
}
.star.tran-1.pos-2.fill-0 .star-red, .star.tran-2.pos-3.fill-0 .star-red, .star.tran-3.pos-4.fill-0 .star-red, .star.tran-4.pos-5.fill-0 .star-red
{
    width:0%
}
.star.tran-1.pos-2.fill-1 .star-red, .star.tran-2.pos-3.fill-1 .star-red, .star.tran-3.pos-4.fill-1 .star-red, .star.tran-4.pos-5.fill-1 .star-red
{
    width:10%
}
.star.tran-1.pos-2.fill-2 .star-red, .star.tran-2.pos-3.fill-2 .star-red, .star.tran-3.pos-4.fill-2 .star-red, .star.tran-4.pos-5.fill-2 .star-red
{
    width:20%
}
.star.tran-1.pos-2.fill-3 .star-red, .star.tran-2.pos-3.fill-3 .star-red, .star.tran-3.pos-4.fill-3 .star-red, .star.tran-4.pos-5.fill-3 .star-red
{
    width:30%
}
.star.tran-1.pos-2.fill-4 .star-red, .star.tran-2.pos-3.fill-4 .star-red, .star.tran-3.pos-4.fill-4 .star-red, .star.tran-4.pos-5.fill-4 .star-red
{
    width:40%
}
.star.tran-1.pos-2.fill-5 .star-red, .star.tran-2.pos-3.fill-5 .star-red, .star.tran-3.pos-4.fill-5 .star-red, .star.tran-4.pos-5.fill-5 .star-red
{
    width:50%
}
.star.tran-1.pos-2.fill-6 .star-red, .star.tran-2.pos-3.fill-6 .star-red, .star.tran-3.pos-4.fill-6 .star-red, .star.tran-4.pos-5.fill-6 .star-red
{
    width:60%
}
.star.tran-1.pos-2.fill-7 .star-red, .star.tran-2.pos-3.fill-7 .star-red, .star.tran-3.pos-4.fill-7 .star-red, .star.tran-4.pos-5.fill-7 .star-red
{
    width:70%
}
.star.tran-1.pos-2.fill-8 .star-red, .star.tran-2.pos-3.fill-8 .star-red, .star.tran-3.pos-4.fill-8 .star-red, .star.tran-4.pos-5.fill-8 .star-red
{
    width:80%
}
.star.tran-1.pos-2.fill-9 .star-red, .star.tran-2.pos-3.fill-9 .star-red, .star.tran-3.pos-4.fill-9 .star-red, .star.tran-4.pos-5.fill-9 .star-red
{
    width:90%
}
.offer-rating a {
    color: #787272;
}
.main-img-links {
    position: relative;
    padding: 0px 30px 30px 30px;
	text-align: left;
}
.main-img-links a {
    font-size: 12px;
    background: #232326;
    padding: 13px;
    border-radius: 5px;
    color: #787272;
    transition: all 0.2s ease;
    line-height: 45px;
    white-space: nowrap;
}
.main-img-links a:hover {
    background: #333336;
    color: #fff;
    box-shadow: 0px 0px 24px 0px #000000b5;
    -webkit-box-shadow: 0px 0px 24px 0px #000000b5;
    -moz-box-shadow: 0px 0px 24px 0px #000000b5;
}
.colors .color-block-wrapper {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #232326;
    border-radius: 5px;
    margin-right: 10px;
}
.colors .color-block-wrapper:last-child {
    margin-right: 0px;
}
.colors .color-block-wrapper:hover {
    background: #333336;
}

.colors .color-block-wrapper .color-block {
    width: 30px;
    height: 30px;
    border-radius: 4px;
}
@property --p{
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
  }
@property --s{
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
  }
  
  .pie {
    --s:0;
    --p:20;
    --b:6px;
    --c:#ED3137;
    --w:150px;
    
    width:var(--w);
    aspect-ratio:1;
    position:relative;
    display:inline-grid;
    margin:5px;
    place-content:center;
    font-size: 12px;
    
  }
  .pie:before,
  .pie:after {
    content:"";
    position:absolute;
    border-radius:50%;
  }
  .pie:before {
    inset:0;
    background:
      radial-gradient(farthest-side, var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
      conic-gradient(var(--c) calc((var(--p) - var(--s)) * 100%), #171717 0);
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
            mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    transform:rotate(calc(var(--s)*360deg))
  }
  .pie:after {
    inset:calc(50% - var(--b)/2);
    background:var(--c);
    transform:rotate(calc(var(--p)*360deg)) translateY(calc(50% - var(--w)/2));
  }
  .animate {
    animation:p 1s .5s both;
  }
  .no-round:before {
    background-size:0 0,auto;
  }
  .no-round:after {
    content:none;
  }
  @keyframes p {
    from{--p:0}
  }
  .speed {
    padding-top: 40px;
    background: #191919;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    text-align: center;
    box-shadow: 0px 0px 10px #ed313712;
    color:#ED3137;
   
    
}
.speed .labl {
    font-size: 28px;
    text-shadow: 0px 0px 5px #ed313785;
    font-weight:bold;
    color: #fff;
    
}
.pie-data {
    color: #787272;
    font-size: 12px;
    margin-top:6px;
}
.pie-data div::before {
    content: url('/images/icons/cross.svg');
    margin-right: 5px;  
}
.pie-data div.active {
    color: #fff;
}
.pie-data div.active::before {
    content: url('/images/icons/check.svg');
}
.pie-data div {
    margin-bottom: 15px;
}
.wrapper .medium-header, .glider-carousel-header.medium-header {
    margin-bottom: 50px;
}
.muted {
    font-size: 12px;
    color: #787272;
}
.rarity-buttons a {
    font-size: 14px;
    padding: 12px 2px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rarity-buttons a:hover {
    color: #fff;
}
.rarity-buttons a.normal {
    background: #767676;
}
.rarity-buttons a.stattrak {
    background: #FF6C2D;
}
.rarity-buttons a.souvenir {
    background: #ffd700;
}
.pro-players-img img {
    width: 100%;
    min-height: 82px;
    border-radius: 3px
}
.pro-players-logo-wrapper {
    font-size: 12px;
    justify-content: center;
    background: #171717;
    border-radius: 0px 0px 5px 5px;
    padding: 5px 0px;
    border-top: 1px solid #1E1E20;
}

.pro-players-logo img {
    width: 15px;
}
.pro-players-img {
    background: #171717;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 5px 0px 5px;
}
a.pro-players-a:hover .pro-players-img {
    background: #232326;
}
.pro-players-logo {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
a.pro-players-a:hover {
    color: #fff;
}
a.pro-players-a:hover .pro-players-logo-wrapper{
    background: #ED3137;
    border-color: #ED3137;
}
.wrapper.screenshot-wrapper {
    background: #1e2938;
    margin-top: 50px;
}
#screenshot-frame {
    text-align: center;
}

.glider-slide.center {
    text-align: inherit;
}

.list-item {
    background: #1E1E20;
    border-radius: 5px;
    margin-right: 10px;
    padding: 30px;
    height: 100%;
	z-index: 3;
	position: relative;
}
.skin-name {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.skin-rarity {
    font-size: 12px;
	text-align: left;
}
.skin-exterior {
    color: #767676;
}
.list-item .normal {
    color: #767676;
}
.list-item .stattrak {
    color: #FF6C2D;
}
.list-item .souvenir {
    color: #ffd700;
}

.skin-main-img-wrapper {
    position: relative;
	text-align: center;
}
button.wishlist-btn {
    background: transparent;
    position: absolute;
    border: 0px;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    padding: 0px;
    z-index: 2;
}
button.wishlist-btn div {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.wishlist-empty {
    background-image: url(/images/icons/heart-empty.svg);
	width: 20px;
	height: 20px;
}
.wishlist-active {
    background-image: url(/images/icons/heart.svg);
	width: 20px;
	height: 20px;
}
.skin-main-img-wrapper img {
    position: relative;
}
.container-label img {
    width: 40px;
}
.container-label {
    margin: 20px 0px;
}

.container-label img {
    margin-right: 10px;
}
span.price-right {
    float: right;
    font-size: 14px;
    color: #787272;
    margin-top: 4.5px;
    max-width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

span.price-left {
    font-size: 18px;
    font-weight: bold;
}
.skin-button.button {
    width: 100% !important;
    margin-top: 20px;    
}
.bar-wrapper .skin-button.button {
    margin-top: 0px;
    padding: 34px;
}
a.skin-button.button span {
    color: #787272;
    margin-left: 5px;
}
a.skin-button.button:hover span {
    color: #fff;
}
.skin-rating {
    font-size: 12px;
	text-align: left;
}
.description-wrapper {
    font-size: 12px;
    color: #787272;
}
.description-content {
    margin-bottom: 20px;
}
.description-wrapper .medium-header {
    color: #fff;
    margin-bottom: 20px;
}
.description-wrapper-item {
    align-items: flex-start;
}
.description-wrapper-item-img {
    width: 40px;
    height: 40px;
    padding: 20px;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 20px;
}
.description-wrapper-item .mini-header {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.main-containers .collection-item {
    margin-right: 10px;
    margin-bottom: 15px;
}
.main-containers .collection-item:last-child {
    margin-right: 0px;
}
.dropdown.is-up .dropdown-content.colored::before {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 31px;
    width: 10px;
    height: 10px;
    background: #ED3137;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
}
.lng-block-wrapper {
    padding: 8px 0px;
}
.flag {
    margin-right: 5px;
}
.lng-item {
    margin-bottom: 10px;    
}
.lng-item a {
    display: flex;
}
.lng-item:last-child {
    margin-bottom: 0px;
}
.lng-block-wrapper .dropdown-trigger {
    background: #ED3137;
    padding: 20px 20px 20px 20px;
    border-radius: 5px;
}
.lng-item {
    justify-content: space-between;
    align-items: center;
}
.dropdown.is-up.lng-block-wrapper .dropdown-trigger::after{
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-left: 10px; 
    display: inline-block;
    transform: rotate(-90deg); 
 }
 .dropdown.is-up.lng-block-wrapper.is-active .dropdown-trigger::after{
    transform: rotate(90deg); 
 }
 .lng-block-wrapper .dropdown-menu {
    min-width: 130px;
}
.footer-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.youtube .pro-players-logo-wrapper {
    padding: 5px;
}
#currency-form {
    margin-bottom: 0px;
}
#currency-form li {
    margin-bottom: 10px;    
}
#currency-form li:last-child {
    margin-bottom: 0px;    
}
span.currency {
    display: inline-block;
    font-weight: bold;
    width: 15px;
    text-align: center;
}
.lng-block-wrapper.currency-block-wrapper .dropdown-menu {
    min-width: 90px;
}
#filter .accordion-panel.accordion-open {
    height: auto;
    overflow-y: auto;
    max-height: 300px !important;
}

.accordion-panel label {
    cursor: pointer;
    margin-bottom: 10px;
}
input:focus {
    border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    cursor: pointer;
    font: inherit;
    color: transparent;
    width: 20px;
    height: 20px;
    background: #171717;
    border-radius: 1px;
    transform: translateY(-0.075em);
    margin-right: 5px;
  

    vertical-align: middle;
    place-content: center;

    display: inline-flex;
    justify-content: center;
    align-items: center;

  }
  input[type="checkbox"]:checked    { 
    background: #ED3137;
    box-shadow: 0px 0px 10px #ed313773;
  }
  input[type="checkbox"]:checked::before, input[type="checkbox"]:hover::before {
    content: "";
    width: 6px;
    height: 6px;
    transition: 120ms transform ease-in-out;
    display: block;
    background: #fff;
    border-radius: 1px;
}
  

  
  input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }

/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #171717;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ED3137;
      border-radius: 4px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
     background: #ED3137;
      border-radius: 4px;
      cursor: pointer;
  }

#filter .input, #filter-top .input, #filter .select select, #filter-top .select select, #filter .textarea, #filter-top .textarea {
    background-color: #171717;
    height: 60px;
}
#filter-top .input, #filter-top .select select, #filter-top .textarea {
    border: 1px solid #333336;
    color: #fff;
}
#filter label.mini-label, #filter-top label.mini-label {   
    font-size: 12px;
    color: #787272;
}
input:focus-visible, .select select:focus-visible, .textarea:focus-visible, #search-input {
    border-color: transparent;
    outline: none;
}
input.button.apply {
    line-height: 0px;
}
.list-item:hover {
    background-color: #232326;
    box-shadow: inset 0 0 20px #0e0e0e5e;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-top: 0px;
    border: 0px;
    display: inline-block;
    transform: rotate(90deg); 
}
.select:not(.is-multiple) {
     height: auto; 
}
.menu-accordion.accordion-header.button {
    
	  margin-top: 35px;
	  width: 50px;
	  
	  padding:20px;
}
.menu-accordion.accordion-panel.accordion-open {
    margin-top: 30px;
}
.is-visible-mobile {
    display: none;
}
.accordion-detail.accordion-header::before {
    display: none;
}
.columns.is-variable > .column {
    padding-bottom: var(--columnGap);
    padding-top: var(--columnGap);
}
#results .list-item {
    margin-right: 0px;
}
#results {
    margin-top: -8px;
}
.line-guns {
    background-image: linear-gradient(270deg, rgba(23, 23, 23, 0) 0%, #171717d1 60.86%), url(/images/icons/guns.svg);    
    background-size: 50%;
    position: relative;
}
.main-container {
    padding: 100px 160px;
}
.main-block h1 {
    font-size: 44px;
}

.main-block p {
    color: #787272;
    font-size: 18px;
}
.line-guns img {
    position: absolute;
}

img.line-guns-image {
    top: -150px;
    right: 10px;
    width: 80%;
    z-index: 2;
}
img.lenta-1 {
    right: 400px;
    top: 100px;
}

img.lenta-2 {
    right: 0px;
    top: -210px;
}
.main-block {
    position: relative;
    z-index: 3;
}
.glider.glider-carousel-wrapper {
    position: relative;
    z-index: 3;
}
.main-carousel.glider-bottom-controls {
    margin-top: 0px;
}

.bar {
    background: #1E1E20;
    display: flex;
    border-radius: 5px;
    padding: 11px 30px;
    height: 70px;
    line-height: 0px;
    border: 1px solid #1E1E20;
    position: relative;
    justify-content: left;
    align-items: center;
    position: relative;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.bar img {
    margin-right: 20px;
}
.bar:hover {
    background-color: #232326;
    box-shadow: inset 0 0 20px #0e0e0e5e;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.bar::before {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    right: 30px;
    top: 30px;
    display: inline-block;
    transform: rotate(0deg);
}

.big-header-main {
    font-size: 34px;
    margin-bottom: 30px
}
.under-header {
    color: #787272;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 50px;
}
span.stattrak {
    color: #FF6C2D;
}
span.souvenir {
    color: #ffd700;
}

.main-menu .dropdown-content img, .skin-menu img {
    height: 30px;
    margin-right: 10px;
	width: 40px;
	background: radial-gradient(#eb4b4b6e, rgba(9, 9, 121, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
.subcat.skin-menu img {	
	height: 39px;   
    width: 52px;
}
.main-menu .dropdown-content a, .profile .dropdown-content a, .skin-menu a {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}
.main-menu .dropdown-content a:last-child, .profile .dropdown-content a:last-child, .skin-menu a:last-child {
	margin-bottom: 0px;
}
.dropdown-content.colored.colored-black {
    background-color: #232326;
}
.dropdown-content.colored.colored-black a, .skin-menu a{
    font-weight: normal;
}
.dropdown.is-down .dropdown-content.colored.colored-black::before {
    background-color: #232326;
}
.main-menu .dropdown-menu {
    min-width: 210px;
}
ul {
    margin: 20px 0px;
}

ul li {
    list-style: disc;
    padding-left: 10px;
    margin-left: 15px;
}

table, table td, table th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin: 0px;
    padding: 10px;
}
.article img {
    width: 100%;
    margin: 20px 0px;
    border-radius: 5px;
}
.round {
    border-radius: 3px;
}
.article-related .list-item {
    height: auto;
}
.left {
    text-align: left;
}
.main-menu {
    display: flex;
    max-width: 600px;
    width: 100%;
    justify-content: space-around;
}
ul#currency-list {
    margin:0px;
}
ul#currency-list li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}
table th {
    background-color: transparent;
}

table tr:nth-child(even) {
    background-color: transparent;
}
.font-size-ru {
    font-size: 13px;
}
.main-menu-ru.main-menu, .main-menu-fr.main-menu, .main-menu-de.main-menu, .main-menu-es.main-menu, .main-menu-nl.main-menu  {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    text-align: left;
}
.main-menu-ru.main-menu .dropdown, .main-menu-fr.main-menu .dropdown, .main-menu-de.main-menu .dropdown, .main-menu-es.main-menu .dropdown, .main-menu-nl.main-menu .dropdown {
    width: 230px;
    display: inline-block;
}
a.skin-button.skin-button-break.button, a.skin-button.skin-button-fr.button, a.skin-button.skin-button-ru.button, a.skin-button.skin-button-nl.button, a.skin-button.skin-button-de.button, a.skin-button.skin-button-es.button, a.skin-button.skin-button-fi.button, a.skin-button.skin-button-da.button, a.skin-button.skin-button-pt.button, a.skin-button.skin-button-sv.button {
    width: 100% !important;
    margin-top: 20px;
    display: block;
    line-height: 20px;
    padding: 10px;
    height: 60px;
}

a.skin-button.skin-button-break.button span, a.skin-button.skin-button-fr.button span, a.skin-button.skin-button-ru.button span, a.skin-button.skin-button-nl.button span, a.skin-button.skin-button-de.button span, a.skin-button.skin-button-es.button span, a.skin-button.skin-button-fi.button span, a.skin-button.skin-button-da.button span, a.skin-button.skin-button-pt.button span, a.skin-button.skin-button-sv.button span {
    display: block;
}
.container-label span {
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news .list-item {
    height: auto;
}

.list-item .skin-name {
    min-height: 81px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: calc(1.2em * 3);
}

.list-item .container-wrapper {
    min-height: 31px;
    margin: 20px 0px;
}

.list-item .skin-descr {
    min-height: 48px;
}

.list-item .skin-price {
    min-height: 27px;
    display: block;
}

.list-item .news-name {
	min-height: 68px;
	display: block;
}
.columns.reverse:not(.is-desktop) {
	flex-direction: row-reverse;
}
.offer-labels div {
	position: relative;
	cursor: pointer;
}
.offer-labels div:before {
	content: "\21C4";
	position: absolute;
	font-size: 15px;    
    left: -18px;
    top: -2px;	
    transform: rotate(90deg);
}
.offer-labels div.offer-main, .offer-labels div.offer-links {	
	cursor: inherit;
}
.offer-labels div.offer-main:before, .offer-labels div.offer-links:before {
	content: ''
}
.offer-labels div.ascending, .offer-labels div.descending {
	color: #ED3137;
}
.offer-labels div.ascending:before {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="%23ED3137" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    color: #ED3137;
	font-size: 20px;
    left: -17px;
    top: -5px;
	transform: rotate(-90deg);
}
.offer-labels div.descending:before {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="%23ED3137" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    color: #ED3137;
	font-size: 20px;
    left: -11px;
    top: -5px;	
}
.detail-arrow {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="%2331ed39" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    color: #31ed39;
    font-size: 20px;
    left: -17px;
    top: -5px;
    transform: rotate(-90deg);
	display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
}
.detail-arrow.negative {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3 3.5L1 6" stroke="%23ED3137" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    color: #ED3137;
    transform: rotate(90deg);
}
.grow {
    padding: 5px;
    margin-right: 20px;
    color: #666666;
}
.delta {
	color: #fff;
}
.clearfix {
	clear: both;
}
.mb0{
	margin-bottom: 0px;
}

.mt0 {
	margin-top: 0px;
}

.profile .dropdown-menu {
    min-width: 100px;
}

.profile-img {
	width: 30px;
    border-radius: 50%;
}
.profile .dropdown-menu {
    right: 0px;
    left: auto;
}

.profile.dropdown.is-down .dropdown-content.colored::before {
    right: 10px;
    left: auto;
}
.rounded {
	border-radius: 5px;
}
.profile-links a, .profile-links span {
    background: #ED3137;
    color: #fff;
    padding: 7px 12px;
    border-radius: 3px;
    border: 1px solid #ED3137;
    margin-right: 5px;
	background: #ED3137;
	
}
.profile-links a:last-child, .profile-links span:last-child {
	margin-right: 0px;
}
.profile-links a.active, .profile-links span.active {	
	border: 1px solid #fff;
	background: transparent;
}
div#wishlist-count-wrapper {
    position: relative;
}

div#wishlist-count {
    position: absolute;
    right: -7px;
    top: -6px;
    background: #ED3137;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
}
div#wishlist-count:hover, div#wishlist-count-wrapper:hover div#wishlist-count {
	color:#fff;
}
a.login {
    padding: 17.2px 20px;
    text-align: center;
    transition: 0.2s background;
    color: #ED3137;
    border: 1px solid #ED3137;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 5px;
    width: 20%;
	min-width: 128px;
}
a.login:hover {
    transition: 0.2s background;
    color: #ffffff;
    background-color: #ED3137;	
}
a.login:hover svg {
	fill: #fff;
}
a.login svg {
    margin-right: 10px;
	fill: #ED3137;
}
.main-img-wrapper img.pointer {
    width: 100%;
}
.detail-header-right img{
	margin-top: 7px;
}
header {
	align-items: center;
	text-align: right;
}
a.brand-logo {
    display: inline-block;
    vertical-align: middle;
    float: left;
}
.profile {
	height: 30px;
}
.dropdown-content {
	text-align: left;
}
.skin-rating {
	min-width: 130px;
}
.flex-end {
	justify-content: flex-end;
}
.footer li {
    list-style: none;
}
.social-icons svg, .social-icons img{
	height: 25px;
}
.social-icons.vk svg, .social-icons.vk img{
	height: 24px;
}
.currency-block-wrapper {
    min-width: 103px;
    height: 79.8px;
}
.profile-img-empty {
	background: #ed3137;
}
img#search-modal-trigger {
    margin-top: 6px;
}
.modal .search .dropdown-trigger {
	z-index: 10;
}
.modal .dropdown.search {
	width: 80%;
}
.subcat.accordion-header.button {
	padding: 19px;
    height: 40px;
    margin-top: 10px;
}
.subcat.accordion-header::before {
    content: '';
}
.subcat.skin-menu a {
    text-align: center;
    transition: 0.2s background;
    color: #ffffff;
    background-color: #1E1E20;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px;
    width: 100%;
}
.subcat.skin-menu a:hover {
    background-color: #232326;
    box-shadow: inset 0 0 20px #0e0e0e5e;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

@media screen and (min-width: 1600px) { 
.container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1800px;
}

}
@media screen and (min-width: 1530px) { 
    .glider-contain, .glider-contain.glider-carousel-contain {
        width: 1021.5px;    
    }
}
@media screen and (min-width: 1408px) { 
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1450px;
    }
    .glider-contain, .glider-contain.glider-carousel-contain {
        width: 988px;  
    }
	.detail-header-left {
		max-width: 810px;
	}
	.detail-header-left h1 {
		max-width: 800px;
	}
}

@media screen and (max-width: 1408px) {  
    .dot-left:last-child {
        display: block;
        padding-left: 0px;
    }
    .dot-left:last-child:before {
        display: none;
    }

    .menu-accordion.accordion-panel {
        max-height: 0;
        overflow: hidden;
    }
    .menu-accordion.accordion-panel.accordion-open {
        overflow: inherit;
    }
    .menu-accordion.accordion-header {
        display: inline-flex;
    }
    header {
        display: block;
    }
    
    .dropdown.search {
        width: 60%;
        margin-top: 10px;
		vertical-align: middle;
    }
    
    .is-pulled-right.add-new {
        float: none !important;
        margin-top: 10px;
    }
    .light .is-pulled-right.add-new {        
        float: right !important;        
    }
    .glider-contain, .glider-contain.glider-carousel-contain {
        width: 800px;    
    }
    img.line-guns-image {
        top: 0px;
        right: 10px;
        width: 80%;
    }
    img.lenta-1 {
        right: 300px;
        top: 100px;
        width: 180px;
    }
    
    img.lenta-2 {
        right: 50px;
        top: 100px;
        width: 250px;
    }


}    


@media screen and (min-width: 1215.5px) {
.filter.accordion-panel {
    max-height: inherit;
    overflow: inherit;
}

.filter.accordion-header {
    display: none;
}
.subcat.accordion-panel {
    max-height: inherit;
    overflow: inherit;
}
.subcat.accordion-header.button {
	display: none;
}
.subcat.skin-menu {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

}
@media screen and (min-width: 1025px) and (max-width: 1408px) {
	.brand-logo {
		display: inline-block;
		vertical-align: middle;
	}
	.top-link {
		display: inline-block;
		vertical-align: middle;
		margin-top: 20px;
		
	}
	.login {
		display: inline-block;
		vertical-align: middle;
		margin-top: 20px;
		margin-right: 15px;
	}
	.profile {
		display: inline-block;
		vertical-align: middle;
		margin-top: 20px;
		margin-right: 15px;		
		height: 60px;
	}
	.profile .dropdown-trigger {
	margin-top: 14px;
	}
	.detail-header-left {
		max-width: 630px;
	}
	.detail-header-left h1 {
		max-width: 600px;
	}
}
@media screen and (max-width: 1215.5px) {    
    .filter .columns {
        display: block;
    }
    .glider-contain, .glider-contain.glider-carousel-contain {
        width: 654px;    
    }
    .detail-header {
        display: block;
    }
    img.line-guns-image {
        display: none;
    }
    img.lenta-1 {
        display: none;
    }
    
    img.lenta-2 {
        display: none;
    }
	.detail-header-left {
		margin-bottom: 35px;
	}
	.grid {
		display: block;
	}
	.wrapper.zero-padding.mb0 {
    margin-bottom: 20px;
	}
	.fixed-grid {
    container-name: inherit;
    container-type: inherit;
	}
	.footer ul {
		margin: 0px;
	}
	.footer ul li {
		padding-left: 0px;
		margin-left: 0px;
	}
	
    
}
@media screen and (min-width: 1025px) {
	.rating-under span.rating-mini {
    background: transparent;
    padding: 0px;
    color: inherit;
    font-size: 16px;
	}
	.rating-under.skin-rating {
    font-size: 16px;
	}
	.is-visible-desktop {
	display: inherit;
	}
	.is-hidden-desktop {
		display: none;
	}
	.menu-accordion.accordion-header.button {
    margin-top: 20px;
    width: 100px;
    padding: 29.2px;
}
}	

@media screen and (max-width: 1025px) {
.container {
    margin: 0px 10px;
}
.controls, .total-images {   
    right: 10px;    
}
.glider-contain, .glider-contain.glider-carousel-contain {
    width: 495px;    
}
.agent img {
    height: 400px;
}
.offer-labels .offer-main, .offer-labels .offer-links {
	display: none;
}
.columns.offer-labels.is-gapless > .column {
    padding-left: 10px !important;
}
div#sort-rating {
    margin-left: 10px;
}
div#sort-price {
    max-width: 50px;
}
.offer-labels div:before {
    left: -7px;
}
.offer-labels div.ascending:before {
    left: -6px;
}
.offer-labels div.descending:before {
    left: 0px;
}
.offer::before {
    width: 76px;
	height: 33px;
	border-radius: 4px 4px 50px 50px;
}
.offer .button {
    margin-top: 10px;
}
.main-menu .dropdown {
    display: block;
}

.menu-accordion.accordion-panel.accordion-open {
    display: block;
    text-align: left;
}

.main-menu .dropdown .dropdown-menu {
    /*position: relative;*/
}
.top-link {
	display: inline-block;
	vertical-align: middle;
	margin-top: 0px;
	
}
.profile {
    vertical-align: middle;
	margin-top: 4px;
	
}
a.login {
	padding: 8px 0px;
    min-width: 100px;
    vertical-align: middle;
    display: inline-block;
    max-width: 110px;
}
 .dropdown.search {
    width: 100%;
	max-width: 100%;
 }
.column.is-one-third.main-block.is-full-mobile {
    width: 100%;
}
.main-menu {
    display: block;
}
.breadcrumbs a, .breadcrumbs svg, .breadcrumbs span {
	display: none;
	padding: 0px;
}
.breadcrumbs a:last-of-type {
	display: inherit;
	font-size: 18px;
}
.breadcrumbs a:last-of-type:before {
	content: "\2039";
	font-size: 25px;
	margin-right: 10px;
	color: #ED3137;
}
.flex.footer-container {
    display: block;
}
.wrapper.screenshot-wrapper {
    margin-top: 20px;
	margin-bottom: 20px;
}
.wrapper .medium-header, .glider-carousel-header.medium-header {
    margin-bottom: 20px;
}
.offer-rating .stars {
	display: none;
}
.is-visible-tablet {
	display: inherit;
}
.is-hidden-tablet {
	display: none;
}
.offer-name {
    margin-left: 5px;
}
.offer-icon {
    width: 40px;
    height: 40px;
}
.offer-icon img {
    width: 30px;
    height: 30px;
}
.offer .offer-price, .offer .offer-offers {
	margin-top: 10px !important;
}
.brand-logo {
  display: inline-block;
  vertical-align: middle;
  line-height: 41.6px;
}
.top-link, .login, .profile {
	margin-top: 35px;
}
.login, .profile {
	margin-right: 15px;
}
.rating-under span.rating-mini {
    padding: 4px 7px;
    border-radius: 4px;
}
.profile.dropdown img {
	
	}
	
.main-img-icons-right .dropdown.is-down .dropdown-content.colored::before {
    right: 20.5px;
    left: auto;
}
.main-img-icons-right .dropdown-menu {
    right: 0;
    left: auto;
}
.profile {
    height: 42px;
}
.profile .dropdown-trigger {
margin-top: 6px;
}
.subcat.skin-menu.accordion-open {
	margin-top: 24px;
	margin-bottom: 12px;
}
.sorting-top {
		margin-top: 15px;
}

}
@media screen and (max-width: 967px) {

}



@media screen and (min-width: 769px) {
.accordion-detail.accordion-panel {
    max-height: inherit;
    overflow: inherit;
}
.accordion-detail.accordion-header {
    display: none;
}


}

@media screen and (max-width: 769px) {

    .dot-left:last-child {
        display: inline-block;
        padding-left: 2em;
    }
    .dot-left:last-child:before {
        display: inherit;
    }
    .sticky {
        position: relative;
    }
    h1, .big-header {
        font-size: 1.6em;
    }
    h2, .medium-header {
        font-size: 1.2em;
    }
    .main-video {
        width: 150%;
    }
    .video-container .tags {
        font-size: 15px;
    }
    .breadcrumbs {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
        margin-bottom: 15px;        
    }
	/*
    .menu-accordion.accordion-header.button {
        width: 100%;        
    }*/
	.menu-accordion.accordion-header.button {
		width: 50px;
		margin-top: 0px;
		padding: 20px;
	}
	.mini-logo.is-visible-mobile {
    font-weight: bold;
    font-size: 20px;
    color: #ED3137;
    vertical-align: middle;
    display: inline-block;
	}

    .menu-accordion.accordion-panel.accordion-open {
        margin-bottom: 25px;
    }
    .top-line {
        padding: 10px 0px 0px 0px;
    }
    .is-visible-mobile {
        display: inherit;
    }
	.is-hidden-mobile {
        display: none;
    }
    .detail-header {
        display: block;
    }
    .detail-header-left {
        display: block;
    }
    
    .detail-header-left button {
        float: right;
    }
    .main-container {
        padding: 30px 50px;
    }
    .line-guns h1 {
        font-size: 30px;
    }
    .list-item .skin-name, .list-item .skin-descr, .list-item .container-wrapper {		
		min-height: auto;		
		max-height: none;
		margin: 0px;
	}
	a.skin-button.skin-button-break.button, a.skin-button.skin-button-fr.button, a.skin-button.skin-button-ru.button, a.skin-button.skin-button-nl.button, a.skin-button.skin-button-de.button, a.skin-button.skin-button-es.button, a.skin-button.skin-button-fi.button, a.skin-button.skin-button-da.button, a.skin-button.skin-button-pt.button, a.skin-button.skin-button-sv.button {
		height: auto;
	}
	a.skin-button.skin-button-break.button span, a.skin-button.skin-button-fr.button span, a.skin-button.skin-button-ru.button span, a.skin-button.skin-button-nl.button span, a.skin-button.skin-button-de.button span, a.skin-button.skin-button-es.button span, a.skin-button.skin-button-fi.button span, a.skin-button.skin-button-da.button span, a.skin-button.skin-button-pt.button span, a.skin-button.skin-button-sv.button span {
		display: inline;
	}
	.skin-main-img-wrapper img {
    width: 70%;    
    text-align: center;
	}
	.top-link, .login, .profile {
	margin-top: 0px;
	}
	.modal #screenshot-frame {
	  align-items: center;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		position: fixed;
	}
	.modal #screenshot-frame {
    max-width: 80%;
	}
	.footer .flex-end {
		justify-content: left;
	}
	.top-link, .login, .profile {
    margin-right: 8px;
	}
	.listing .filter.accordion-header {
	position: absolute;
    max-width: 100px;
    top: -44px;
    height: 40px;
	}
	
  }


  @media screen and (max-width: 535px) {
    .main-video {
          width: 200%;
    }
    h1, .big-header {
        font-size: 1.3em;
    }
    h2, .medium-header {
        font-size: 1.1em;
    }
    .light .add-new {
        display: none;
    }
    .glider-contain, .glider-contain.glider-carousel-contain {
        width: 350px;    
    }
	
	.glider {
		overflow-x: hidden;
	}
    
    .footer {
    min-height: 250px;
	}
	.offer .offer-price {
	max-width: 123px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
	.rating-under.skin-rating .grey-text {
    max-width: 77px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
	}
  
  }

@media screen and (max-width: 413px) {
  .hidden-super-small {
    display: none;
    }
	a.login {
	min-width: 50px;
    max-width: 50px;
    padding: 10px 10px 6px 10px;
	}
	.sorting-top {
		width: 150px;
	}

}

@media screen and (max-width: 403px) {
  .dot-left:last-child {
    display: block;
    padding-left: 0px;
    }

}
@supports (-webkit-touch-callout: none) {
.modal {
    overflow: visible;
}
  .modal #screenshot-frame {
position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 6;
  background: #1e2938;
  overflow: visible;

}
.modal-background {
}

}