/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

body {
	font-family: sans-serif;
	color: #1d1d1b;
}

.nav-field {
	background: #1d1d1b;
	padding-top: 1em;
	color: white!important;
}

.nav-link {
	color: white;
}

.nav-link:hover {
	color: #da1f20;
}

.nav-field .default {
	display:none;
}

.navbar-toggler-icon {
	min-width: 32px;
	min-height: 32px;
	background-image: url(/images/menu.png);
}


.logo {
	max-width: 30vw;
	max-height: 5em;
	
}

h1, .page-header {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 0.06em;
}

h2 {
	text-align: center;
}

.item-title, .item-title a, .page-header a {
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: initial;
	letter-spacing: 0.06em;
}

.caption {
	position: relative;
	top: -2em;
	font-size: 1.5em;
	font-weight: bold;
    height: 0px;
    text-align: center;
}

.article-info-term {
	display: none;
}

/* ЛЕНДОС */

.order-field {
	text-align: center;
	padding: 1em 0;
}

.order-button {
	display: inline-block;
}

.order-button:hover {
}

.order-button a {
	border: 0.15em solid #000;
	border-radius: 0.8em;
	padding: 0.5em;
	display:block;
	cursor: pointer;
	
	font-size: 1.3em;
	color: #000;
	font-weight: bold;	
	text-decoration: none;	
	letter-spacing: 0.06em;
	margin: 1em 0;
}

.order-button a:hover {
	border: 0em solid black;
	padding: 0.65em;
	background: rgb(22,115,187);
	background: linear-gradient(25deg, rgba(22,115,187,1) 0%, rgba(253,29,29,1) 100%);
	border-radius: 0.8em;	

	color: white;
}

.price-field {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-align: center;
	padding: 1em 0;
}

.price-field s {
	color: #bbb;
}

.delivery-field {
	background-image: url(/images/delivery.jpg);
	background-position: 50% 50%;
	padding: 2em;
	text-align: center;
}

.advantages-field {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 2em 0;
}

.advantages-field div {
	width: 50%;
	max-width: 13em;
	margin: 0 auto;
}

.advantages-field img {
	width: 75%;
	max-width: 7em;
}

.advantages-field p {
	font-weight: bold;
	text-transform:uppercase;
	margin: 1em 0;
}

.advantages-field p small {
	font-weight: initial;
}

.package {
	text-align: center;
}

.package img {
	max-width: 50em;
    width: 100%;
}

.package p {
    position: relative;
    margin-top: 0;
	text-align: justify;
	padding: 0 2em;
}

.reviews-field {
	background-image: url(/images/delivery.jpg);
	background-position: 50% 50%;
	padding: 2em;
	text-align: center;	
}

.reviews {
	display: flex;
	flex-wrap: wrap;
}

.reviews img {
	width: 50%;
	max-width: 25em;
	margin: 0.5em auto;
}

.rival-field {
	text-align: center;
}

.ingame-field {
	background-image: url(/images/msc-background.jpg);
	background-position: center;
	min-height: 66vh;
	padding: 2em;
	color: white;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.ingame-field  h2 {
	width: 100%;
}

.ingame-field img {
    width: 100%;
    height: auto;
    margin: auto;
	padding: 2em 0;
    max-width: 26em;
}

.ingame {
	background: white;
	color: black;
	text-align: justify;
	padding: 2em;
	width: 100%;
	max-width: 50em;
}

.horizontal-scroll {
	overflow: auto;
}

.horizontal-scroll div {
	display: inline-flex;
}

.pack1 {
	display: flex;
    justify-content: space-around;
    height: 600px;
	background-image: url(/images/stickers/pack1.jpg);  
  }

/* КОНЕЦ ЛЕНДОСА */

.footer-field {
	text-align: center;
	font-size: 0.85em;
}

.footer-field a {
	color: #333;
	text-decoration: none;
}

.footer-field .icon {
	height: 24px;
	width: auto;
}

.footer-links {
  display: inline-flex;
  }

/* CUSTOM */

#item-108 {
	background: #990000 !important;
  }