.main.index .wrap-top-slider {
    background: 
	linear-gradient(360deg, #14356F 0%, rgba(20, 53, 111, 0) 100%), 
	linear-gradient(0deg, rgba(20, 53, 111, 0.93), rgba(20, 53, 111, 0.93));

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	padding: 40px 1em 1em;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider {
		padding: 70px;
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 1280px){
	.main.index .wrap-top-slider {
		padding: 30px;
	}
}

@media (min-width: 1440px){
	.main.index .wrap-top-slider {
		padding: 0;
	}
}

@media (min-width: 768px){
	.main.index .top-slider {
		max-width: 650px;
	}
}

@media (min-width: 1280px){
	.main.index .top-slider {
		max-width: initial;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
}

@media (min-width: 1440px){
	.main.index .top-slider {
		max-width: 1440px;
		padding: 70px 0;
	}
}

.main.index .top-slider .top {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 768px){
	.main.index .top-slider .top {
		max-width: 600px;
	}
}

/* */

.main.index .top-slider .top .city {
    position: relative;
	width: 100%;
    max-width: 80px;
	margin-left: .5em;
}

@media (min-width: 768px){
	.main.index .top-slider .top .city {
		max-width: 130px;
	}
}

.main.index .top-slider .top .city .back {
	background: linear-gradient(87deg, #204DEE 0%, #2143BC 100.08%);
    transform: skewX(-20deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
	
.main.index .top-slider .top .city > .name {
	font-size: 9px;
    line-height: 11px;
    letter-spacing: 0.15em;
    padding: .75em 1.25em;
    z-index: 2;
    position: relative;
	text-align: center;
	font-weight: bold;
}

@media (min-width: 768px){
	.main.index .top-slider .top .city > .name {
		font-size: 14px;
		line-height: 17px;
	}
}


.main.index .top-slider .top .desc {
	margin-top: 10px;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
}

@media (min-width: 768px){
	.main.index .top-slider .top .desc {
		font-size: 16px;
		line-height: 20px;
		margin-top: 1em;
	}
}

.main.index .top-slider .top > .name {
	margin-top: 10px;
	font-weight: 600;
	font-size: 23px;
	line-height: 29px;
	letter-spacing: 0.15em;
}

@media (min-width: 768px){
	.main.index .top-slider .top > .name {
		font-size: 48px;
		line-height: 59px;
		margin-top: 15px;
	}
}

.main.index .top-slider .top > .name span {
	color: #73A5FF;
}


.main.index .top-slider > .bottom {
	width: 100%;
}


.main.index .wrap-top-slider .bottom .img-block .wrap-img-block {
	position: relative;
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block > img {
	width: 100%;
    height: 300px;
    object-fit: contain;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block > img {
		height: 430px;
	}
}

@media (min-width: 1440px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block > img {
		height: 585px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info {
	width: 250px;
	position: absolute;
    bottom: 25px;
    right: 0px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info {
		width: 320px;
		bottom: 70px;
	}
}

@media (min-width: 1280px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info {
		right: 60px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .tinsel-1 {
	background: linear-gradient(45deg, #0A61B0 0%, #1440D6 100%);
	box-shadow: 5px 5px 20px rgba(25, 65, 135, 0.5);
	border-radius: 2px;
	width: 10px;
    height: 10px;
	position: absolute;
    top: -10px;
    left: -10px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .tinsel-1 {
		width: 20px;
		height: 20px;
		top: -20px;
		left: -20px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name {
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #FAFAFA;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name {
		font-size: 16px;
		line-height: 30px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name .wrap-spec-block {
    position: relative;
    display: inline-block;
    text-align: center;
	margin: 0 .5em;
    padding: 0 .7em;
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name .wrap-spec-block .back {
	background: linear-gradient(87deg, #EE2038 0%, #ED4D2A 100.08%);
	border-radius: 5px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
	transform: skewX(-20deg);
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name .wrap-spec-block > .name {
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .wrap-name .wrap-spec-block > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .desc {
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #8BB5FF;
	margin-top: 7px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .desc {
		font-size: 14px;
		line-height: 17px;
		margin-top: 10px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block {
	background: linear-gradient(266.83deg, #0777DD 0%, #1A4AF1 100%);
	box-shadow: 0px 0px 20px rgba(22, 56, 104, 0.5);
	border-radius: 2px;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 8px;
	padding: 7px 15px;
    max-width: 110px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block {
		margin-top: 15px;
		max-width: 200px;
		padding: 13px 15px;
		border-radius: 5px;
	}
}

.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block > .name {
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	margin-right: 5px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block > .name {
		font-size: 16px;
		line-height: 20px;
		margin-right: .5em;
	}
}


.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block svg {
	max-width: 23px;
	height: 7px;
}

@media (min-width: 768px){
	.main.index .wrap-top-slider .bottom .img-block .wrap-img-block .info .button-block svg {
		max-width: 35px;
		height: 10px;
	}
}

.main.index .slider-pagination {
    display: flex;
    align-items: center;
    margin: 1em 0;
}

@media (min-width: 768px){
	.main.index .slider-pagination {
		margin: 0;
	}
}

.main.index .slider-pagination .left-arrow {
	max-width: 40px;
    height: 40px;
    margin-right: .75em;
    display: flex;
    background: #0D3E94;
    box-shadow: 0px 0px 10px rgba(13, 62, 148, 0.25);
    border-radius: 5px;
    width: 100%;
    padding: .5em;
	cursor: pointer;
}

@media(min-width: 768px){
	.main.index .slider-pagination .left-arrow {
		max-width: 70px;
		height: 70px;
		padding: 1em;
	}
}

.main.index .slider-pagination .left-arrow svg {
    width: 100%;
    height: 100%;
}

.main.index .slider-pagination .right-arrow {
	max-width: 40px;
    height: 40px;
    margin-right: 1em;
    display: flex;
    background: #0D3E94;
    box-shadow: 0px 0px 10px rgba(13, 62, 148, 0.25);
    border-radius: 5px;
    width: 100%;
    padding: .5em;
	cursor: pointer;
}

@media(min-width: 768px){
	.main.index .slider-pagination .right-arrow {
		max-width: 70px;
		height: 70px;
		padding: 1em;
	}
}

.main.index .slider-pagination .right-arrow svg {
    width: 100%;
    height: 100%;
}

.main.index .slider-pagination .count-masters {
    margin-right: .5em;
    font-size: 16px;
    line-height: 20px;
    min-width: 35px;
}

@media(min-width: 768px){
	.main.index .slider-pagination .count-masters {
		font-size: 24px;
		line-height: 29px;
		min-width: 50px;
	}
}

.main.index .slider-pagination .count-masters span.left {
    margin-right: .25em;
    font-weight: 600;
}

.main.index .slider-pagination .count-masters span.right {
    font-size: .8em;
    color: grey;
}

.main.index .slider-pagination .liner {
    position: relative;
    width: 100%;
}

.main.index .slider-pagination .liner .back {
    height: 3px;
    background: #EDEDED;
    border-radius: 5px;
}

.main.index .slider-pagination .liner .strip {
    height: 3px;
    background: #2364D5;
    position: absolute;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    top: 0;
    transition: all .25s ease 0s;
}


/* about service */
.main.index .wrap-about-service {
    background: linear-gradient(180deg, #14356F 0%, #1F4A94 71.87%, #1F4A94 100%), #1F4A94;
	padding: 0 10px;
	display: flex;
    justify-content: center;
}

.main.index .about-service {
	max-width: 1440px;
	padding: 20px 0;
}

@media(min-width: 768px){
	.main.index .about-service {
		padding: 70px 0;
	}
}

.main.index .about-service .top > .name {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.15em;
	margin-bottom: 25px;
}

@media(min-width: 768px){
	.main.index .about-service .top > .name {
		font-size: 25px;
	}
}

@media(min-width: 1280px){
	.main.index .about-service .top > .name {
		margin-bottom: 40px;
	}
}

.main.index .about-service .top .advantages {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media(min-width: 1280px){
	.main.index .about-service .top .advantages {
		justify-content: flex-start;
	}
}

.main.index .about-service .top .advantages .advantage {
	display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom: 5px;
    max-width: 140px;
    border-radius: 5px;
    padding: .75em .5em;
    width: 100%;
    justify-content: center;
	filter: drop-shadow(0px 0px 20px rgba(38, 88, 230, 0.5));
	position: relative;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage {
		max-width: 340px;
		margin: 25px 0 0;
		flex-direction: row;
		padding: 15px;
	}
}

.main.index .about-service .top .advantages .advantage > img {
	height: 2em;
	margin-bottom: .5em;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage > img {
		height: 60px;
		margin-bottom: 0;
		margin-right: .5em;
	}
}

.main.index .about-service .top .advantages .advantage > .name {
	display: flex;
    align-items: center;
}

.main.index .about-service .top .advantages .advantage > .name .int {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-right: .25em;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage > .name .int {
		font-size: 36px;
	}
}

.main.index .about-service .top .advantages .advantage > .name .string {
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage > .name .string {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .about-service .top .advantages .advantage .back {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main.index .about-service .top .advantages .advantage.item-1 .back {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604204357/back_xia8mp.png);
	background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
	border-radius: 5px;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage.item-1 .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604209348/back_stuak1.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

.main.index .about-service .top .advantages .advantage.item-1 {
	background: linear-gradient(85.99deg, #1C6CE3 0%, #3244EA 100%);
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage.item-1 {
		margin-right: 25px;
		margin-bottom: 0;
	}
}

@media(min-width: 1280px){
	.main.index .about-service .top .advantages .advantage.item-1 {
		margin-right: 30px;
	}
}

.main.index .about-service .top .advantages .advantage.item-2 .back {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604204469/back_1_sjsg4q.png);
	background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
	border-radius: 5px;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage.item-2 .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604209355/back_2_rnfrks.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

.main.index .about-service .top .advantages .advantage.item-2 {
	background: linear-gradient(85.99deg, #236AD5 0%, #192EEC 100%);
	margin: 0 0px 10px 10px;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage.item-2 {
		margin: 25px 0 0;
	}
}

.main.index .about-service .top .advantages .advantage.item-2 .string {
    width: min-content;
}

.main.index .about-service .top .advantages .advantage.item-3 .back {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604204610/back_2_ubiudp.png);
	background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
	border-radius: 5px;
}

@media(min-width: 768px){
	.main.index .about-service .top .advantages .advantage.item-3 .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604209351/back_1_vxcwgt.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

.main.index .about-service .top .advantages .advantage.item-3 {
	background: linear-gradient(85.99deg, #293DFA 0%, #1026E7 100%);
}

@media(min-width: 1280px){
	.main.index .about-service .top .advantages .advantage.item-3 {
		margin-left: 30px;
	}
}

.main.index .about-service .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}
	
@media(min-width: 768px){
	.main.index .about-service .bottom {
		margin-top: 40px;
	}
}

@media(min-width: 1280px){
	.main.index .about-service .bottom {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
}

.main.index .about-service .bottom > .desc {
	font-size: 9px;
	color: #FFFFFF;
	line-height: 11px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom > .desc {
		font-size: 14px;
		line-height: 25px;
	}
}

.main.index .about-service .bottom > .desc span {
	color: gold;
}

.main.index .about-service .bottom .raiting-adress {
	display: flex;
    flex-direction: column;
	margin-top: 2em;
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603940717/photo_iihyar.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 225px;
    max-width: 320px;
    width: 100%;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603941083/photo_1_qxeagd.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		min-height: 420px;
		max-width: 550px;
		width: 100%;
	}
}

@media(min-width: 1280px){
	.main.index .about-service .bottom .raiting-adress {
		min-width: 525px;
		margin-left: 1em;
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603942056/photo_2_b7jhad.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

@media(min-width: 1440px){
	.main.index .about-service .bottom .raiting-adress {
		margin-right: 3em;
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603942387/photo_3_d0g3op.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	padding: 10px;
	position: relative;
	max-width: 150px;
	align-self: flex-end;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block {
		max-width: 240px;
		padding: 25px;
		border-radius: 5px;
		margin-right: 3em;
		margin-top: 6em;
	}
}

@media(min-width: 1280px){
	.main.index .about-service .bottom .raiting-adress .adress-block {
		margin-right: 1em;
	}
}

@media(min-width: 1440px){
	.main.index .about-service .bottom .raiting-adress .adress-block {
		margin-right: -5em;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block img {
	width: 45px;
    height: 45px;
	position: absolute;
    top: -25px;
    left: 50px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block img {
		width: 75px;
		height: 75px;
		top: -35px;
		left: 90px;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block .name-block {
	display: flex;
    align-items: center;
	margin-top: 5px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block .name-block {
		margin-top: 20px;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block .name-block > .name {
	font-weight: bold;
	font-size: 11px;
	color: #252525;
	margin-right: 10px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block .name-block > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block .name-block .line {
	width: 35px;
    height: 2px;
    background: #252525;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block .name-block .line {
		width: 55px;
	}
}

.main.index .about-service .bottom .raiting-adress .adress-block > .desc {
	font-size: 9px;
	color: #252525;
	margin-top: 5px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .adress-block > .desc {
		font-size: 14px;
		line-height: 17px;
		margin-top: 10px;
	}
}

.main.index .about-service .bottom .raiting-adress .raiting-block {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	padding: 10px;
	display: flex;
    align-items: center;
	max-width: 140px;
	margin-top: 75px;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .raiting-block {
		max-width: 190px;
		padding: 15px;
		margin-top: 2em;
	}
}

.main.index .about-service .bottom .raiting-adress .raiting-block .raiting {
	font-weight: bold;
	font-size: 14px;
	color: #27467D;
	margin-right: .5em;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .raiting-block .raiting {
		font-size: 24px;
		line-height: 29px;
	}
}

.main.index .about-service .bottom .raiting-adress .raiting-block .name-block > .name {
	font-size: 9px;
	color: #000000;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .raiting-block .name-block > .name {
		font-size: 11px;
		line-height: 13px;
	}
}

.main.index .about-service .bottom .raiting-adress .raiting-block .name-block > .name > span {
	text-decoration: underline;
}

.main.index .about-service .bottom .raiting-adress .raiting-block .name-block .stars {
	display: flex;
    align-items: center;
}

.main.index .about-service .bottom .raiting-adress .raiting-block .name-block .stars .star {
	width: 7px;
    height: 7px;
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1599813734/Vector_1_ibzqzd.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media(min-width: 768px){
	.main.index .about-service .bottom .raiting-adress .raiting-block .name-block .stars .star {
		width: 10px;
		height: 10px;
	}
}


/* advantages */

.main.index .wrap-advantages {
    background: #1F4A94;
	display: flex;
    justify-content: center;
}

@media(min-width: 1440px){
	.main.index .wrap-advantages {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603943370/background_10_w5ejaf.png);
		justify-content: center;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.main.index .wrap-advantages .center {
	padding: 20px 1em 40px;
	text-align: center;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .center {
		padding: 0 85px 85px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-advantages .center {
		display: flex;
		padding: 0 25px 70px 0;
		max-width: 1440px;
		width: 100%;
	}
}

@media(min-width: 1440px){
	.main.index .wrap-advantages .center {
		padding: 70px 0;
	}
}

.main.index .wrap-advantages .center > .img {
	display: none;
}

@media(min-width: 1280px){
	.main.index .wrap-advantages .center > .img {
		display: block;
		max-width: 640px;
		width: 100%;
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603690936/adi-goldstein-EUsVwEOsblE-unsplash_1_3_nm05w4.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
}


@media(min-width: 1440px){
	
	.main.index .wrap-advantages .center > div {
		width: 50%;
		max-width: 50%;
	}
	
	.main.index .wrap-advantages .center > .img {
		max-width: 50%;
		background: none;
	}
	
}

.main.index .wrap-advantages .advantages-block {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603687910/adi-goldstein-EUsVwEOsblE-unsplash_1_1_x4srfu.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603690625/adi-goldstein-EUsVwEOsblE-unsplash_1_2_aengxx.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-advantages .advantages-block {
		background: none;
	}
}

.main.index .wrap-advantages .advantages-block > .name {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
	color: #5D89D8;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block > .name {
		font-size: 16px;
		line-height: 20px;
	}
}
@media(min-width: 1280px){
	.main.index .wrap-advantages .advantages-block > .name {
		text-align: left;
	}
}

.main.index .wrap-advantages .advantages-block > .desc {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-top: 10px;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block > .desc {
		font-size: 25px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-advantages .advantages-block > .desc {
		text-align: left;
	}
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages {
		max-width: 725px;
		margin: 0 auto;
	}
}
	
@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 25px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-advantages .advantages-block .advantages > div {
		grid-gap: 45px;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage {
	margin-top: 15px;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage {
		text-align: left;
		margin-top: 40px;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage img {
	width: 35px;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage img {
		width: 75px;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block {
	display: flex;
    align-items: center;
	margin-top: 10px;
	justify-content: center;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block {
		margin-top: 20px;
		justify-content: flex-start;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg {
	width: 17px;
    height: 11px;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg {
		width: 12px;
		height: 14px;
		margin-right: .5em;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg.block_1 {
	color: #2AA9DF;
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg.block_2 {
	color: #2A72DF;
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg.block_3 {
	color: #2A3CDF;
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > svg.block_4 {
	color: #643FF8;
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > .name {
	font-weight: bold;
	font-size: 11px;
	line-height: 180%;
	letter-spacing: 0.03em;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage .name-block > .name {
		font-size: 16px;
	}
}

.main.index .wrap-advantages .advantages-block .advantages > div .advantage > .desc {
	font-size: 9px;
	line-height: 11px;
	margin-top: 5px;
}

@media(min-width: 768px){
	.main.index .wrap-advantages .advantages-block .advantages > div .advantage > .desc {
		font-size: 14px;
		line-height: 17px;
		margin-top: 15px;
	}
}

/* stage_work */

.main.index .wrap_stage_works {
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603788956/background_2_mvorwe.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603852527/background_3_bt0zbu.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media(min-width: 1280px){
	.main.index .wrap_stage_works {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603852935/background_4_voaqve.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media(min-width: 1440px){
	.main.index .wrap_stage_works {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603853352/background_5_ifft7f.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		justify-content: center
	}
}

.main.index .wrap_stage_works .stage_works {
	padding: 40px 1em 130px;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works {
		padding: 70px 1em 225px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap_stage_works .stage_works {
		padding: 70px 85px 225px;
	}
}

@media(min-width: 1440px){
	.main.index .wrap_stage_works .stage_works {
		padding: 70px 0 225px;
		max-width: 1440px;
		width: 100%;
	}
}

.main.index .wrap_stage_works .stage_works > .name {
    margin-bottom: 25px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.15em;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works > .name {
		font-size: 25px;
		margin-bottom: 50px;
	}
}

.main.index .wrap_stage_works .stage_works .wrap-stage-work {
    display: flex;
    align-items: flex-end;
}

.main.index .wrap_stage_works .stage_works .stage-work {
	display: flex;
    flex-direction: column;
    align-items: center;
	color: #3D5C93;
}

.main.index .wrap_stage_works .stage_works .stage-work.active {
    color: white;
}

.main.index .wrap_stage_works .stage_works .stage-work > .name {
	font-weight: 600;
	font-size: 18px;
	line-height: 160%;
	letter-spacing: 0.15em;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works .stage-work > .name {
		font-size: 36px;
	}
}

.main.index .wrap_stage_works .stage_works .stage-work .wrap_icon_block .icon_block {
	background: #0F3E8F;
    border: 1px solid;
	border-color: inherit;
    width: 30px;
    height: 30px;
    border-radius: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works .stage-work .wrap_icon_block .icon_block {
		width: 60px;
		height: 60px;
		border: 2px solid;
	}
}

.main.index .wrap_stage_works .stage_works .stage-work .wrap_icon_block .icon_block svg {
	width: 10px;
    height: 10px;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works .stage-work .wrap_icon_block .icon_block svg {
		width: 20px;
		height: 20px;
	}
}

.main.index .wrap_stage_works .stage_works .line {
	width: 100%;
    height: 2px;
    background: #3D5C93;
    margin-bottom: 0.8em;
}

.main.index .wrap_stage_works .stage_works .line.active {
    background: white;
}

@media(min-width: 768px){
	.main.index .wrap_stage_works .stage_works .line {
		margin-bottom: 1.8em;
	}
}


/* trade-in */

.main.index .wrap-trade-in {
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603856533/background_6_qcntx9.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 40px 0;
	display: flex;
    justify-content: center;
}

@media(min-width: 768px){
	.main.index .wrap-trade-in {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603859785/background_7_z2sqy6.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 70px 1em 160px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-trade-in {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603860786/background_8_hwo6mg.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 100px 125px;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-trade-in {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1603861835/background_9_liq7tx.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 100px 125px;
	}
}

.main.index .trade-in {
    width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.main.index .trade-in .block-1 {
    padding: 10px;
}

@media(min-width: 1280px){
	.main.index .trade-in .block-1 {
		display: flex;
		align-items: center;
	}
}

.main.index .trade-in .block-1 .top {
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom: 15px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top {
		margin-bottom: 40px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-1 .top {
		margin-bottom: 0;
		margin-right: 45px;
		align-items: flex-start;
	}
}

@media(min-width: 1440px){
	.main.index .trade-in .block-1 .top {
		margin-right: 120px;
	}
}

.main.index .trade-in .block-1 .top > .name {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.15em;
	margin-bottom: 15px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top > .name {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 25px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-1 .top > .name {
		text-align: left;
		margin-bottom: 30px;
	}
}

.main.index .trade-in .block-1 .top > .desc {
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	color: #FAFAFA;
	margin-bottom: 15px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top > .desc {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 40px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-1 .top > .desc {
		text-align: left;
	}
}

.main.index .trade-in .block-1 .top > .desc span {
	color: #FFC300;
}

.main.index .trade-in .block-1 .top .button {
	background: linear-gradient(266.83deg, #0777DD 0%, #1A4AF1 100%);
    box-shadow: 0px 0px 20px rgba(22, 56, 104, 0.5);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 110px;
    padding: .4em 0;
	width: 100%;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top .button {
		max-width: 190px;
		padding: .8em 0;
		border-radius: 5px;
	}
}

.main.index .trade-in .block-1 .top .button > .name {
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	margin-right: .5em;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top .button > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .trade-in .block-1 .top .button svg {
	max-width: 25px;
    height: 7px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .top .button svg {
		max-width: 36px;
		height: 11px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block {
		grid-gap: 20px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block {
	box-shadow: 0px 0px 20px rgba(12, 64, 222, 0.5);
	border-radius: 5px;
	padding: 20px 15px;
	max-width: 145px;
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block {
		max-width: 225px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block {
		min-width: 220px;
		min-height: 230px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-1 {
	background: linear-gradient(222.46deg, #1120E9 0%, #0955D9 100%);
	padding: 20px 5px;
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-1 {
		margin-bottom: 20px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-2 {
	background: linear-gradient(85.99deg, #1933E9 0%, #0951D9 100%);
	margin-top: 10px;
	min-height: 130px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-2 {
		margin-top: 20px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-3 {
	background: linear-gradient(85.99deg, #0F6BF4 0%, #192EEC 100%);
	padding: 20px 4px;
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-3 {
		margin-bottom: 20px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-4 {
	background: linear-gradient(85.99deg, #293DFA 0%, #1026E7 100%);
	margin-top: 10px;
	min-height: 130px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block.back-4 {
		margin-top: 20px;
	}
}


.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > img {
	width: 30px;
    height: 30px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > img {
		width: 65px;
		height: 65px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > .name {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	margin-top: 5px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > .desc {
	font-size: 9px;
	line-height: 11px;
	text-align: center;
}

@media(min-width: 768px){
	.main.index .trade-in .block-1 .bottom .wrap-advan-block .advan-block > .desc {
		font-size: 14px;
		line-height: 17px;
		margin-top: 5px;
	}
}

.main.index .trade-in .block-2 {
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604893950/pss_1_tseghu.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 0 0 3em;
	width: 100%;
	max-width: 320px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-2 {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604893956/pss_2_uhyqqg.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		max-width: 695px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-2 {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604893962/pss_3_zgout9.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		max-width: 1150px;
		padding: 0 0 3em;
	}
}

.main.index .trade-in .block-2 img.img-1 {
    width: 75px;
    height: auto;
    object-fit: contain;
}

@media(min-width: 768px){
	.main.index .trade-in .block-2 img.img-1 {
		width: 145px;
	}
}

@media (min-width: 1280px){
	.main.index .trade-in .block-2 img.img-1 {
		width: 210px;
	}
}

.main.index .trade-in .block-2 img.img-2 {
    width: 90px;
    height: 20px;
    object-fit: contain;
}

@media(min-width: 768px){
	.main.index .trade-in .block-2 img.img-2 {
		width: 210px;
		height: 45px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-2 img.img-2 {
		width: 275px;
		height: 60px;
	}
}

.main.index .trade-in .block-2 img.img-3 {
    width: 65px;
    height: auto;
    object-fit: contain;
    margin-top: 20px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-2 img.img-3 {
		width: 125px;
		margin-top: 50px;
	}
}

@media (min-width: 1280px){
	.main.index .trade-in .block-2 img.img-3 {
		width: 185px;
		margin-top: 70px;
	}
}

@media (min-width: 1280px){
	.main.index .trade-in .block-2 > img {
		margin-right: 5em;
	}
}

.main.index .trade-in .block-3 {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604900603/bg_2_b1himn.png);
    background-repeat: no-repeat;
	background-size: contain;
	margin: 1em;
    border-radius: 12px 0 0 12px;
	padding: 20px 25px;
	position: relative;
	height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media(min-width: 768px){
	.main.index .trade-in .block-3 {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604900607/bg_3_vmo90b.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 140px;
		width: 725px;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		overflow: hidden;
		border-radius: 12px;
	}
}

@media(min-width: 1280px){
	.main.index .trade-in .block-3 {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604900641/bg_5_ch0yi6.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 940px;
		overflow: inherit;
	}
}

.main.index .trade-in .block-3 > img {
	position: absolute;
}

@media(min-width: 768px){
	.main.index .trade-in .block-3 > img {
		order: 1;
		width: 345px;
		object-fit: contain;
		right: -60px;
		bottom: -70px;
	}
}

@media (min-width: 768px){
	.main.index .trade-in .block-3 > img {
		width: 400px;
		right: 20px;
		bottom: -55px;
	}
}

@media(min-width: 768px){
	.main.index .trade-in .block-3 .wrap-info {
		width: 390px;
	}
}

.main.index .trade-in .block-3 .wrap-info > .name {
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.03em;
	margin-bottom: 5px;
}

@media(min-width: 768px){
	.main.index .trade-in .block-3 .wrap-info > .name {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
}
		
.main.index .trade-in .block-3 .wrap-info > .desc {
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #9394FF;
}

@media(min-width: 768px){
	.main.index .trade-in .block-3 .wrap-info > .desc {
		font-size: 14px;
		line-height: 17px;
	}
}


/* bonus system */

.main.index .wrap-bonus-system {
	position: relative;
	padding: 40px 10px;
	background: #14356F;
	display: flex;
    justify-content: center;
}

@media(min-width: 768px){
	.main.index .wrap-bonus-system {
		padding: 70px 0 0;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-bonus-system {
		padding: 0 1em 70px;
	}
}

.main.index .wrap-bonus-system  > .back {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
	
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604289592/background_1_atpph2.png);
	background-position: top center;
    background-size: cover;
	background-repeat: no-repeat;
}

@media(min-width: 768px){
	.main.index .wrap-bonus-system  > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604294313/background_2_nbzdpm.png);
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media(min-width: 1280px){
	.main.index .wrap-bonus-system  > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604295147/background_3_jm4vok.png);
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media(min-width: 1440px){
	.main.index .wrap-bonus-system  > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1604296244/background_4_pm8ytb.png);
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

.main.index .bonus-system {
	z-index: 2;
    position: relative;
}

@media(min-width: 768px){
	.main.index .bonus-system {
		max-width: 550px;
	}
}

@media(min-width: 1280px){
	.main.index .bonus-system {
		display: flex;
		max-width: 1440px;
	}
}

@media(min-width: 1280px){
	.main.index .bonus-system .block-1 {
		order: 2;
		margin-top: 100px;
	}
}

@media(min-width: 1440px){
	.main.index .bonus-system .block-1 {
		margin-top: 170px;
	}
}

.main.index .bonus-system .block-1 .name-1 {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
	color: #5D89D8;
	text-align: center;
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .name-1 {
		font-size: 16px;
		line-height: 20px;
	}
}

@media(min-width: 1280px){
	.main.index .bonus-system .block-1 .name-1 {
		text-align: left;
	}
}

.main.index .bonus-system .block-1 .name-2 {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
    margin-bottom: 25px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .name-2 {
		font-size: 25px;
		line-height: 30px;
	}
}

@media(min-width: 1280px){
	.main.index .bonus-system .block-1 .name-2 {
		text-align: left;
	}
}

@media(min-width: 1440px){
	.main.index .bonus-system .block-1 .name-2 {
		margin-bottom: 35px;
	}
}

.main.index .bonus-system .block-1 .name-3 {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.03em;
	margin-bottom: 5px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .name-3 {
		font-size: 16px;
		line-height: 25px;
	}
}

.main.index .bonus-system .block-1 .desc {
	font-size: 9px;
	line-height: 11px;
	margin-bottom: 20px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .desc {
		font-size: 14px;
		line-height: 25px;
	}
}

@media(min-width: 1440px){
	.main.index .bonus-system .block-1 .desc {
		margin-bottom: 30px;
	}
}

.main.index .bonus-system .block-1 .desc span.color {
	color: #FFC300;
}

.main.index .bonus-system .block-1 .desc a {
	color: inherit;
}

.main.index .bonus-system .block-1 .name-4 {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.03em;
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .name-4 {
		font-size: 16px;
		line-height: 25px;
	}
}

.main.index .bonus-system .block-1 .icons-block {
	display: flex;
}

.main.index .bonus-system .block-1 .icons-block .icon-block {
	background: #F2F8FF;
    border-radius: 5px;
    color: #252525;
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 1px;
	width: 100%;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block {
		padding: 25px 5px;
	}
}

@media(min-width: 1440px){
	.main.index .bonus-system .block-1 .icons-block .icon-block {
		padding: 25px 20px;
	}
}

.main.index .bonus-system .block-1 .icons-block .icon-block.left {
	margin-right: 5px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block.left {
		margin-right: 10px;
	}
}

.main.index .bonus-system .block-1 .icons-block .icon-block.right {
	margin-left: 5px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block.right {
		margin-left: 10px;
	}
}

.main.index .bonus-system .block-1 .icons-block .icon-block > img {
	width: 25px;
    height: 25px;
    object-fit: contain;
	margin-bottom: 3px;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block > img {
		width: 50px;
		height: 50px;
		margin-bottom: 15px;
	}
}

.main.index .bonus-system .block-1 .icons-block .icon-block.left > .name {
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	font-weight: 500;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block.left > .name {
		font-size: 14px;
		line-height: 17px;
	}
}

.main.index .bonus-system .block-1 .icons-block .icon-block.right > .name {
	font-size: 8px;
	line-height: 10px;
	text-align: center;
	font-weight: 500;
}

@media(min-width: 768px){
	.main.index .bonus-system .block-1 .icons-block .icon-block.right > .name {
		font-size: 13px;
		line-height: 16px;
	}
}

.main.index .bonus-system > img {
    position: relative;
    z-index: 2;
	margin-top: 20px;
}

@media(min-width: 768px){
	.main.index .bonus-system > img {
		margin-top: 10px;
	}
}

@media(min-width: 1280px){
	.main.index .bonus-system > img {
		margin-top: 0;
		max-width: 50%;
		margin-right: 30px;
		order: 1;
	}
}

@media(min-width: 1440px){
	.main.index .bonus-system > img {
		max-width: 666px;
		margin-right: 50px;
	}
}

/* gallery */
.main.index .wrap-gallery {
    background: #14356F;
    padding: 40px 10px 90px;
	overflow: hidden;
}

@media(min-width: 768px){
	.main.index .wrap-gallery {
		padding: 70px 10px 125px;
		display: flex;
		justify-content: center;
	}
}

.main.index .gallery-block {
	display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
}

@media(min-width: 1280px){
	.main.index .gallery-block {
		align-items: flex-start;
	}
}

@media(min-width: 1280px){
	.main.index .gallery-block {
		max-width: 1440px;
	}
}

.main.index .gallery-block > .name {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
	color: #5D89D8;
	margin-bottom: 10px;
	text-align: center;
}

@media(min-width: 768px){
	.main.index .gallery-block > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.main.index .gallery-block > .desc {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 25px;
}

@media(min-width: 768px){
	.main.index .gallery-block > .desc {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 50px;
	}
}

.main.index .gallery-block .images {
    width: 100%;
	z-index: 2;
}

@media(min-width: 768px){
	
	.main.index .gallery-block .images {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 768px;
	}
	
	.main.index .gallery-block .images .image.block_1 {
		width: 48%;
		margin-right: 10px;
		height: 190px;
	}
	
	.main.index .gallery-block .images .image.block_2 {
		width: 48%;
		margin-left: 10px;
		height: 190px;
	}
	
	.main.index .gallery-block .images .image.block_3 {
		width: 265px;
		margin-right: 10px;
		height: 170px;
		margin-top: 10px;
	}
	
	.main.index .gallery-block .images .image.block_4 {
		width: 460px;
		height: 235px;
		margin-left: 10px;
		margin-top: 10px
	}
	
	.main.index .gallery-block .images .image.block_5 {
		width: 265px;
		margin-top: -60px;
		height: 180px;
		margin-right: 10px;
	}
	
	.main.index .gallery-block .images .image.block_6 {
		width: 265px;
		height: 175px;
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.main.index .gallery-block .images .image.block_7 {
		width: 170px;
		margin-top: 15px;
		margin-left: 10px;
		height: 170px;
	}
	
}

@media(min-width: 1280px){
	
	.main.index .gallery-block .images {
		max-width: 1280px;
	}
	
	.main.index .gallery-block .images .image.block_1 {
		width: 400px;
		height: 210px;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_2 {
		width: 505px;
		height: 280px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_3 {
		width: 295px;
		height: 190px;
		margin-left: 10px;
		margin-right: 0;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_4 {
		width: 400px;
		height: 210px;
		margin: -60px 10px 0 0;
	}
	
	.main.index .gallery-block .images .image.block_5 {
		width: 295px;
		height: 210px;
		margin: 10px 10px 0 10px;
	}
	
	.main.index .gallery-block .images .image.block_6 {
		width: 190px;
		height: 200px;
		margin: 10px 10px 0 10px;
	}
	
	.main.index .gallery-block .images .image.block_7 {
		width: 295px;
		height: 195px;
		margin: -80px 0 0 10px;
	}
	
}

@media(min-width: 1440px){
	
	.main.index .gallery-block .images {
		max-width: 100%;
	}
	
	.main.index .gallery-block .images .image.block_1 {
		width: 460px;
		height: 240px;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_2 {
		width: 580px;
		height: 320px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_3 {
		width: 340px;
		height: 200px;
		margin-left: 10px;
		margin-right: 0;
		margin-top: 0;
	}
	
	.main.index .gallery-block .images .image.block_4 {
		width: 460px;
		height: 240px;
		margin: -70px 10px 0 0;
	}
	
	.main.index .gallery-block .images .image.block_5 {
		width: 340px;
		height: 230px;
		margin: 10px 10px 0 10px;
	}
	
	.main.index .gallery-block .images .image.block_6 {
		width: 220px;
		height: 230px;
		margin: 10px 10px 0 10px;
	}
	
	.main.index .gallery-block .images .image.block_7 {
		width: 340px;
		height: 200px;
		margin: -110px 0 0 10px;
	}
	
}

.main.index .gallery-block .images .image {
	display: flex;
    align-items: center;
    justify-content: center;
	min-height: 160px;
	margin-bottom: 10px;
	position: relative;
	
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1599284940/chto-luchshe-remont-materinskoj-platy-noutbuka-ili-ee-zamena_keoupu.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	filter: drop-shadow(0px 0px 20px rgba(191, 106, 98, 0.3));
}

.main.index .gallery-block .images .image > .back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(67.66deg, rgba(10, 41, 204, 0.9) 0%, rgba(16, 50, 234, 0.9) 100%);
    box-shadow: 0px 0px 20px rgba(21, 53, 206, 0.5);
    z-index: 1;
}

.main.index .gallery-block .images .image > svg {
	width: 35px;
    height: 35px;
	position: relative;
    z-index: 2;
}

.main.index .gallery-block > img {
    position: absolute;
    bottom: -75px;
    z-index: 1;
    right: -85px;
}

@media(min-width: 768px){
	.main.index .gallery-block > img {
		bottom: -125px;
		right: -105px;
		width: 330px;
	}
}

@media (min-width: 1280px){
	.main.index .gallery-block > img {
		bottom: -35px;
		right: -135px;
	}
}

@media (min-width: 1440px){
	.main.index .gallery-block > img {
		bottom: -15px;
		right: -120px;
	}
}

/* social */

.wrap-social {
    position: relative;
}

.main.index .social-block {
	padding: 120px 2em 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px){
	.main.index .social-block {
		padding: 150px 2em 150px;
	}
}

.main.index .social-block > .name {
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #001E54;
	margin-bottom: 5px;
}

@media (min-width: 768px){
	.main.index .social-block > .name {
		font-weight: 600;
		font-size: 36px;
		margin-bottom: 15px;
	}
}

.main.index .social-block > .desc {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	letter-spacing: 0.15em;
	color: #001E54;
	margin-bottom: 10px;
}

@media (min-width: 768px){
	.main.index .social-block > .desc {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 45px;
	}
}

.main.index .social-block .icons {
	display: flex;
    align-items: center;
}

.main.index .social-block .icons > img {
	width: 25px;
    height: 25px;
}

@media (min-width: 768px){
	.main.index .social-block .icons > img {
		width: 60px;
		height: 60px;
	}
}

.main.index .social-block .icons > img.center {
	margin: 0 30px;
}

@media (min-width: 768px){
	.main.index .social-block .icons > img.center {
		margin: 0 55px;
	}
}




.wrap-hardware {
    background: #14356F;
	position: relative;
}

.wrap-hardware .hardware {
	position: relative;
	height: 360px;
	padding: 1em 1em 50px;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware {
		padding: 60px;
		height: 680px;
	}
}

@media (min-width: 1280px){
	.wrap-hardware .hardware {
		margin: 0 auto;
	}
}

@media (min-width: 1440px){
	.wrap-hardware .hardware {
		max-width: 1440px;
		padding: 60px 0;
	}
}

.wrap-hardware .mishyra {
    position: absolute;
    max-width: 285px;
    bottom: -1em;
    left: -5em;
}

@media (min-width: 1280px){
	.wrap-hardware .mishyra {
		position: absolute;
		max-width: 500px;
		bottom: 6%;
		left: -14%;
	}
}

@media (min-width: 1440px){
	.wrap-hardware .mishyra {
		left: 12%;
	}
}

.wrap-hardware .hardware > .name {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.15em;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .name {
		font-size: 25px;
		text-align: left;
	}
}

.wrap-hardware .hardware > .desc {
	font-weight: 600;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	color: #5D89D8;
	margin-top: 10px;
	letter-spacing: 0.15em;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .desc {
		font-size: 16px;
		text-align: left;
		margin-top: 15px;
	}
}

.wrap-hardware .hardware > .wrap {
	position: relative;
	margin-top: 25px;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap {
		display: flex;
		align-items: center;
		margin-top: 70px;
	}
	
}

.wrap-hardware .hardware > .wrap .sliders {
	display: flex;
	overflow: hidden;
}

.wrap-hardware .hardware > .wrap .arrow-left {
	display: none;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .arrow-left {
		margin: 0 40px 0 0;
		display: flex;
		align-items: center;
	}
}

.wrap-hardware .hardware > .wrap .arrow-right {
	display: none;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .arrow-right {
		margin: 0 0px 0 20px;
		display: block;
	}
}

.wrap-hardware .hardware > .wrap .sliders .slider {
	width: 225px;
	min-width: 225px;
    margin-right: 10px;
	display: flex;
    flex-direction: column;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .sliders .slider {
		width: 295px;
		margin-right: 20px;
		min-width: 295px;
	}
}

@media (min-width: 1440px){
	.wrap-hardware .hardware > .wrap .sliders .slider {
		width: 340px;
		margin-right: 20px;
		min-width: 340px;
	}
}

.wrap-hardware .hardware > .wrap .sliders .slider > img {
    border-radius: 10px 10px 0 0;
    max-height: 170px;
    height: 170px;
	width: 100%;
	object-fit: cover;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .sliders .slider > img {
		height: 250px;
		min-height: 250px;
		width: 100%;
	}
}

.wrap-hardware .hardware > .wrap .sliders .slider .wrap {
    background: #10299C;
    border-radius: 5px;
    padding: 30px 10px 20px;
	position: relative;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .sliders .slider .wrap {
		padding: 40px 15px 70px;
	}
}

.wrap-hardware .hardware > .wrap .sliders .slider .wrap .icon {
	width: 40px;
    height: 40px;
    position: absolute;
    right: 1.5em;
    top: -1.5em;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .sliders .slider .wrap .icon {
		width: 60px;
		height: 60px;
		right: 2em;
		top: -2em;
	}
}

.wrap-hardware .hardware > .wrap .sliders .slider .wrap .name {
	font-weight: 600;
	font-size: 11px;
	color: #568BE9;
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .sliders .slider .wrap .name {
		font-size: 16px;
	}
}

@media (min-width: 1280px){
	.wrap-hardware .hardware > .wrap .back {
		position: absolute;
		right: 65px;
		top: 0;
		bottom: 0;
		background: linear-gradient(270deg, #14356F 0%, rgba(20, 53, 111, 0) 122%);
		width: 80px;
	}
}

@media (min-width: 1440px){
	.wrap-hardware .hardware > .wrap .back {
		width: 210px;
	}
}

/* test order */

.wrap-form {
	position: relative;
}

.wrap-form > .back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

@media (min-width: 1440px){
	.wrap-form > .back {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

.wrap-form > .back > .left {
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1629357350/background_5_kjgpvi.png);
	height: 440px;
	background-size: contain;
}

@media (min-width: 1440px){
	.wrap-form > .back > .left {
		height: auto;
	}
}

.wrap-form > .back > .right {
	background: #FFFFFF;
}

@media (min-width: 1440px){
	.wrap-form > .back > .right {
		background: #14356F;
	}
}

/* form */

.wrap-form > .form {
	z-index: 2;
	position: relative;
}

@media (min-width: 1440px){
	.wrap-form > .form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
		max-width: 1440px;
		margin: 0 auto;
	}
}

.wrap-form > .form > .left {
    padding: 180px 25px;
}

@media (min-width: 768px){
	.wrap-form > .form > .left {
		padding: 150px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.wrap-form > .form > .left > .name {
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FAFAFA;
	margin-bottom: 7px;
	line-height: 170%;
}

@media (min-width: 768px){
	.wrap-form > .form > .left > .name {
		font-size: 25px;
	}
}

.wrap-form > .form > .left > .desc {
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;

}

@media (min-width: 768px){
	.wrap-form > .form > .left > .desc {
		font-size: 16px;
	}
}

.wrap-form > .form > .left > .desc span {
    color: red;
}

.wrap-form > .form > .right {
	max-width: 225px;
    margin: 40px auto;
	position: relative;
}

@media (min-width: 768px){
	.wrap-form > .form > .right {
		margin: 125px auto;
		max-width: 660px;
	}
}

@media (min-width: 768px){

	.wrap-form > .form > .right > .wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
	}

	.wrap-form > .form > .right > .wrap.custom {
		display: flex;
		flex-direction: column;
	}
	
}

.wrap-form > .form > .right > .wrap > .wrap {
    margin-bottom: 20px;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap {
		margin-bottom: 45px;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .name {
	font-size: 9px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #14356F;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap > .name {
		font-size: 14px;
	}
}

@media (min-width: 1440px){
	.wrap-form > .form > .right > .wrap > .wrap > .name {
		color: #C1D8FF;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .name span {
    color: red;
}

.wrap-form > .form > .right > .wrap > .wrap > .input {
	margin-top: 15px;
	border-bottom: 1px solid rgba(47, 114, 233, 0.4);
	margin-bottom: 20px;
}

.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"] {
    border: none;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0;
    width: 100%;
	background: none;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"] {
		padding: 0 0 15px 0;
	}
}

@media (min-width: 1440px){
	.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"] {
		color: #DADADA;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"]::placeholder {
	font-size: 9px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"]::placeholder {
		font-size: 14px;
	}
}

.wrap-form > .form > .right > .wrap > .name {
	font-size: 9px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #14356F;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .name {
		font-size: 14px;
	}
}

@media (min-width: 1440px){
	.wrap-form > .form > .right > .wrap > .name {
		color: #C1D8FF;
	}
}

.wrap-form > .form > .right > .wrap > .name span {
    color: red;
}

.wrap-form > .form > .right > .wrap > .input {
	margin-top: 15px;
	border-bottom: 1px solid rgba(47, 114, 233, 0.4);
	margin-bottom: 20px;
}

.wrap-form > .form > .right > .wrap > .input > input[type="text"] {
    border: none;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0;
    width: 100%;
	background: none;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .input > input[type="text"] {
		padding: 0 0 15px 0;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .input > input[type="text"]::placeholder {
	font-size: 9px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
	font-family: 'Montserrat', sans-serif;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap >  .input > input[type="text"]::placeholder {
		font-size: 14px;
	}
}

.wrap-form > .form > .right > .wrap > .input > input[type="text"]::placeholder {
	font-size: 9px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
	font-family: 'Montserrat', sans-serif;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .input > input[type="text"]::placeholder {
		font-size: 14px;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .select {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 15px;
	border-bottom: 1px solid rgba(47, 114, 233, 0.4);
	padding-bottom: 7px;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap > .select {
		padding-bottom: 17px;
	}
}

.wrap-form > .form > .right > .wrap > .wrap > .select > .name {
	font-size: 9px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .wrap > .wrap > .select > .name {
		font-size: 14px;
	}
}

.wrap-form > .form > .right > .warning {
    color: #2E2E2E;
    margin-top: 1em;
    text-align: center;
    font-size: .7em;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .warning {
		margin-top: 2em;
		font-size: 14px;
		line-height: 17px;
	}
}

@media (min-width: 1440px){
	.wrap-form > .form > .right > .warning {
		color: #DADADA;
	}
}

.wrap-form > .form > .right > .warning span {
	color: #EA5050;
}

.wrap-form > .form > .right > .button {
    background: linear-gradient(87.71deg, #1327D4 0%, #394CF1 100%);
    box-shadow: 0px 0px 30px rgb(37 57 226 / 50%);
    border-radius: 5px;
    margin: 1.5em auto;
    padding: 1em 2em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    font-size: .8em;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .button {
		max-width: 300px;
		font-size: 16px;
		line-height: 20px;
		padding: 20px 30px;
	}
}

.wrap-form > .form > .right > .mishyra {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -55px;
    right: 0px;
}

@media (min-width: 768px){
	.wrap-form > .form > .right > .mishyra {
		top: -130px;
		right: 50%;
	}
}

.wrap-form > .form > .right .mishyra-2 {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 90px;
    right: -35px;
}

@media (min-width: 768px){
	.wrap-form > .form > .right .mishyra-2 {
		width: 40px;
		height: 40px;
		bottom: -60px;
		right: 0;
	}
}

.wrap-form > .form > .right .mishyra-3 {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 70px;
    left: -35px;
}

@media (min-width: 768px){
	.wrap-form > .form > .right .mishyra-3 {
		width: 60px;
		height: 60px;
		bottom: -100px;
		left: -150px;
	}
}

/* slider comments */

.wrap-slider {
	background: #0E3270;
}

.wrap-slider > .wrap {
	padding: 10px;
	max-width: 1440px;
    margin: 0 auto;
}

@media (min-width: 1440px){
	.wrap-slider > .wrap {
		padding: 70px 0;
	}
}


.wrap-slider > .wrap > .top {
    display: flex;
    align-items: center;
	position: relative;
    overflow-x: clip;
}

.wrap-slider > .wrap > .top > .left > .name {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
	color: #5D89D8;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .top > .left > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.wrap-slider > .wrap > .top > .left > .desc {
	font-weight: 600;
	font-size: 14px;
	line-height: 170%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FAFAFA;
	margin-top: 10px;
	min-width: 200px
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .top > .left > .desc {
		font-size: 25px;
		line-height: 170%;
	}
}

.wrap-slider > .wrap > .top > .left {
    padding: 2.5em 0px;
}

.wrap-slider > .wrap > .top > .right {
    position: absolute;
    right: -90px;
    top: -35px;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .top > .right {
		right: 50px;
		top: -30px;
	}
}

.wrap-slider > .wrap > .top > .right > img {
    max-width: 180px;
}

.wrap-slider > .wrap > .center {
    margin-top: 1em;
	overflow: hidden;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center {
		display: flex;
		align-items: center;
	}
}

.wrap-slider > .wrap > .center > .top {

}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top {
		order: 1;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders {
	overflow: hidden;
    display: flex;
	align-items: flex-start;
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider {
    background: #FAFAFA;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 30%);
    border-radius: 5px;
    padding: 10px 10px 20px 10px;
    max-width: 225px;
    min-width: 225px;
    margin-right: 10px;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider {
		padding: 20px 15px;
		min-width: 295px;
	}
}

@media (min-width: 1440px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider {
		padding: 30px 20px;
		min-width: 340px;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .name {
	font-weight: 300;
	font-size: 9px;
	line-height: 11px;
	color: #252525;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .name {
		font-size: 14px;
		line-height: 25px;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user {
	margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user {
		margin-top: 25px;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left {
    display: flex;
    align-items: center;
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .left {
    text-transform: uppercase;
    color: white;
    background: green;
    padding: .25em .5em;
    border-radius: 20px;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .left {
		padding: .65em .9em;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .right {
    margin-left: 5px;
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .right > .name {
    font-size: 11px;
    line-height: 13px;
    color: #252525;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .right > .name {
		font-size: 16px;
		line-height: 20px;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .right > .date {
	font-weight: 200;
	font-size: 9px;
	line-height: 11px;
	color: #252525;
	margin-top: 2.5px;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .left > .right > .date {
		font-size: 14px;
		line-height: 17px;
	}
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .right {
    display: flex;
    align-items: center;
	justify-content: space-around;
}

.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .right > img {
    width: 10px;
    height: 10px;
    margin-left: 2.5px;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .top > .sliders > .slider > .user > .right > img {
		width: 15px;
		height: 15px;
	}
}


.wrap-slider > .wrap > .center > .bottom {
    margin-top: 1em;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .center > .bottom {
		margin-top: 0;
		margin-right: 1em;
		min-width: 300px;
	}
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .bottom {
		display: flex;
		align-items: center;
	}
}

@media (min-width: 1440px){
	.wrap-slider > .wrap > .bottom {
		margin-top: 50px;
	}
}

.wrap-slider > .wrap > .bottom > .left {
	min-width: 265px;
}

@media (min-width: 1440px){
	.wrap-slider > .wrap > .bottom > .left {
		min-width: 320px;
	}
}

.wrap-slider > .wrap > .bottom > .left > .link {
	background: linear-gradient(266.83deg, #0777DD 0%, #1A4AF1 100%);
	box-shadow: 0px 0px 20px rgb(22 56 104 / 50%);
	border-radius: 2px;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 235px;
	margin: 15px auto 0;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .bottom > .left > .link {
		max-width: 100%;
	}
}

.wrap-slider > .wrap > .bottom > .left > .link > .name {
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .bottom > .left > .link > .name {
		font-size: 14px;
		line-height: 16px;
	}
}

@media (min-width: 1440px){
	.wrap-slider > .wrap > .bottom > .left > .link > .name {
		font-size: 16px;
		line-height: 20px;
	}
}


/* slider pagination */

.wrap-slider > .wrap > .bottom > .right {
    display: none;
}

@media (min-width: 768px){
	.wrap-slider > .wrap > .bottom > .right {
		display: block;
		width: 60%;
		margin-left: 2em;
	}
}

@media (min-width: 1440px){
	.wrap-slider > .wrap > .bottom > .right {
		width: 100%;
		margin-left: 10em;
	}
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination {
    display: flex;
    align-items: center;
	margin: 1em 0;
}


@media (min-width: 1440px){
	.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination {
		margin: 0;
	}
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .count-masters span.left {
	margin-right: .25em;
    font-weight: 600;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .count-masters span.right {
	font-size: .8em;
	color: grey;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .left-arrow {
    max-width: 30px;
    height: 30px;
    margin-right: .75em;
    display: flex;
    background: #0D3E94;
    box-shadow: 0px 0px 10px rgba(13, 62, 148, 0.25);
    border-radius: 5px;
    width: 100%;
    padding: .5em;
}

@media(min-width: 768px){
	.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .left-arrow {
		max-width: 70px;
		height: 70px;
		padding: 1em;
	}
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .left-arrow svg {
    width: 100%;
    height: 100%;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .right-arrow {
    max-width: 30px;
    height: 30px;
    margin-right: 1em;
    display: flex;
    background: #0D3E94;
    box-shadow: 0px 0px 10px rgba(13, 62, 148, 0.25);
    border-radius: 5px;
    width: 100%;
    padding: .5em;
}

@media(min-width: 768px){
	.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .right-arrow {
		max-width: 70px;
		height: 70px;
		padding: 1em;
	}
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .right-arrow svg {
    width: 100%;
    height: 100%;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .count-masters {
    margin-right: 1em;
	font-size: 16px;
	line-height: 20px;
	min-width: 35px;
}

@media(min-width: 768px){
	.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .count-masters {
		font-size: 24px;
		line-height: 29px;
		min-width: 50px;
	}
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination > .liner {
    position: relative;
	width: 100%;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .liner .back {
    max-width: 400px;
    height: 3px;
    background: #EDEDED;
    border-radius: 5px;
}

.wrap-slider > .wrap > .bottom > .right > .slider-masters-pagination .liner .strip {
	height: 3px;
    background: #FFC300;
    position: absolute;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    top: 0;
    transition: all .25s ease 0s;
}

/* blog */
.wrap-blog {
	background: #0E3270;
	padding-bottom: 40px;
}

.wrap-blog > .head {
    position: relative;
}

.wrap-blog > .head > .back {
    background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1629971326/background_8_idwpv0.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center center;
	z-index: 0;
	background-size: contain;
}

@media(min-width: 768px){
	.wrap-blog > .head > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1629974368/background_9_r7qe5r.png);
		background-position: center center;
		background-size: contain;
	}
}

@media(min-width: 1280px){
	.wrap-blog > .head > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1629974877/background_10_rlm0er.png);
		background-position: center center;
		background-size: contain;
	}
}

@media(min-width: 1440px){
	.wrap-blog > .head > .back {
		background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1629975110/background_12_vb4eof.png);
		background-position: center center;
		background-size: cover;
	}
}

.wrap-blog > .head > .wrap {
	z-index: 1;
    position: relative;
	padding: 45px 10px;
}

@media(min-width: 768px){
	.wrap-blog > .head > .wrap {
		padding: 50px 15px;
	}
}

@media(min-width: 1280px){
	.wrap-blog > .head > .wrap {
		max-width: 1440px;
		margin: 0 auto;
	}
}

.wrap-blog > .head > .wrap > .name {
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.15em;
	color: #5D89D8;
}

@media(min-width: 768px){
	.wrap-blog > .head > .wrap > .name {	
		font-size: 16px;
		line-height: 20px;
	}
}

.wrap-blog > .head > .wrap > .desc {
	display: flex;
    align-items: center;
	margin-top: 5px;
	font-weight: 600;
	font-size: 13px;
	line-height: 170%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

@media(min-width: 768px){
	.wrap-blog > .head > .wrap > .desc {
		font-size: 25px;
	}
}

.wrap-blog > .head > .wrap > .desc > .left {
	color: #FAFAFA;
}

.wrap-blog > .head > .wrap > .desc > .right {
	color: #0A2B65;
}

.wrap-blog > .head > .wrap > .desc_1 {
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.15em;
	color: #FFFFFF;
	margin-top: 5px;
}

@media(min-width: 768px){
	.wrap-blog > .head > .wrap > .desc_1 {
		font-size: 14px;
		line-height: 17px;
	}
}

.wrap-blog > .bottom {
    padding: 15px 10px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom {
		padding: 20px 15px;
	}
}

@media(min-width: 1280px){
	.wrap-blog > .bottom {
		display: flex;
		align-items: flex-start;
		margin: 0 auto;
		max-width: 1440px;
	}
}

@media(min-width: 1440px){
	.wrap-blog > .bottom {
		padding: 20px 0;
	}
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
}

@media(min-width: 1280px){
	.wrap-blog > .bottom > .top {
		order: 2;
		margin-left: 20px;
		display: flex;
		flex-direction: column;
	}
}

@media(min-width: 1440px){
	.wrap-blog > .bottom > .top {
		min-width: 340px;
	}
}

.wrap-blog > .bottom > .top > .top {
    display: flex;
    background: white;
	box-shadow: 0px 0px 20px rgba(20, 94, 222, 0.5);
	border-radius: 3px;
}

.wrap-blog > .bottom > .top > .top > .strip {
	background: linear-gradient(80.15deg, #1A4AF1 0%, #0F72CD 100%);
	border-radius: 3px 0px 0px 3px;
	width: 4px;
	min-height: 100%;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .top > .strip {
		width: 7px;
	}
}

.wrap-blog > .bottom > .top > .top > .wrap {
	display: flex;
	align-items: center;
	width: 100%;
}

.wrap-blog > .bottom > .top > .top > .wrap > input[type="text"] {
	padding: 0;
    margin: 0;
    border: none;
    margin-left: 10px;
	width: 100%;
}

.wrap-blog > .bottom > .top > .top > .wrap > input[type="text"]::placeholder {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .top > .wrap > input[type="text"]::placeholder {
		font-size: 14px;
		line-height: 17px;
	}
}

.wrap-blog > .bottom > .top > .top > .wrap > .button {
    background: linear-gradient(80.15deg, #1A4AF1 0%, #0F72CD 100%);
    border-radius: 3px;
    padding: 10px 25px;
    display: flex;
    align-items: center;
	margin: 3px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .top > .wrap > .button {
		margin: 5px;
		padding: 10px 15px;
	}
}

.wrap-blog > .bottom > .top > .top > .wrap > .button > svg {
	width: 15px;
    height: 15px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .top > .wrap > .button > svg {
		width: 30px;
		height: 30px;
	}
}

.wrap-blog > .bottom > .top > .top > .wrap > .button > .name {
    margin-left: 5px;
	font-weight: 600;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .top > .wrap > .button > .name {
		font-size: 14px;
		line-height: 17px;
		margin-left: 10px;
	}
}

.wrap-blog > .bottom > .top > .bottom {
    background: #FFFFFF;
    border-radius: 3px;
	display: flex;
	margin-top: 10px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .bottom {
		margin-top: 0;
	}
}

.wrap-blog > .bottom > .top > .bottom > .strip {
	background: linear-gradient(80.15deg, #1A4AF1 0%, #0F72CD 100%);
	border-radius: 3px 0px 0px 3px;
	width: 4px;
	min-height: 100%;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .bottom > .strip {
		width: 7px;
	}
}

.wrap-blog > .bottom > .top > .bottom > .wrap {
    display: flex;
    align-items: center;
	padding: 15px 10px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .bottom > .wrap {
		padding: 18px 10px;
	}
}

.wrap-blog > .bottom > .top > .bottom > .wrap > .name {
	font-weight: 600;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #0A2B65;
	margin: 0 5px;
}

.wrap-blog > .bottom > .top > .bottom > .wrap > svg.icon {
    width: 13px;
    height: 13px;
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .bottom > .wrap > svg.icon {
		width: 25px;
		height: 25px;
	}
}

@media(min-width: 768px){
	.wrap-blog > .bottom > .top > .bottom > .wrap > .name {
		font-size: 14px;
		line-height: 17px;
		margin: 0 10px;
	}
}

.wrap-blog > .bottom > .top > .bottom > .wrap > svg.icon-2 {
    width: 10px;
    height: 5px;
}


@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
}

@media (min-width: 1280px){
	.wrap-blog > .bottom > .bottom {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.wrap-blog > .bottom > .bottom > .blog {
	background: url(https://res.cloudinary.com/shop-consoles-ru/image/upload/v1630151669/photo_3_ewipiv.png);
    min-height: 285px;
    background-size: cover;
    background-position: center center;
	filter: drop-shadow(0px 0px 30px rgba(3, 25, 65, 0.7));
	border-radius: 5px;
	padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-top: 10px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog {
		margin-top: 20px;
		min-height: 365px;
		padding: 30px 20px;
	}
}

@media (min-width: 1280px){
	.wrap-blog > .bottom > .bottom > .blog {
		margin-top: 0;
		max-width: 295px;
	}
}

@media (min-width: 1440px){
	.wrap-blog > .bottom > .bottom > .blog {
		max-width: 340px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .top {

}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .left {
	display: flex;
}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .left > .name {
	font-size: 9px;
	line-height: 11px;
	color: #5584C9;
	margin-right: 5px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .left > .name {
		font-size: 14px;
		line-height: 17px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .right {
    display: flex;
    align-items: center;
}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .right > img {
	width: 10px;
    height: 10px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .right > img {
		width: 20px;
		height: 20px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .right > .name {
	font-size: 9px;
	line-height: 11px;
	color: #FFFFFF;
	margin-left: 5px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .top > .wrap > .right > .name {
		font-size: 11px;
		line-height: 13px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .top > .name {
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
	margin-top: 5px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .top > .name {
		margin-top: 10px;
		font-size: 16px;
		line-height: 20px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .top > .desc {
	background: #0840A6;
    box-shadow: 0px 0px 10px rgb(8 64 166 / 50%);
    border-radius: 13px;
    padding: 5px 13px;
    max-width: 80px;
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    color: #001E54;
	margin-top: 10px;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .top > .desc {
		font-size: 11px;
		line-height: 13px;
		max-width: 95px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom {
	display: flex;
    align-items: center;
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .date {
	display: flex;
    align-items: center;
	position: relative;
	padding: 10px 15px;
}

@media (min-width: 1280px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .date {
		padding: 10px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > .back {
    background: #79A5F3;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index: 0;
	padding: 10px 15px;
	transform: skewX(-10deg);
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > svg {
	width: 15px;
    height: 15px;
	z-index: 1;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > svg {
		width: 20px;
		height: 20px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > .name {
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	color: #001B4A;
	margin-left: 5px;
	z-index: 1;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > .name {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (min-width: 1280px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .date > .name {
		font-size: 10px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .views {
    display: flex;
    align-items: center;
	margin: 0 10px;
	position: relative;
	padding: 10px 15px;
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > .back {
	background: #79A5F3;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index: 0;
	padding: 10px 15px;
	transform: skewX(-10deg);
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > svg {
    width: 15px;
    height: 15px;
	z-index: 1;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > svg {
		width: 20px;
		height: 20px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > .name {
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	color: #001B4A;
	margin-left: 5px;
	z-index: 1;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > .name {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (min-width: 1280px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .views > .name {
		font-size: 10px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .share {
	background: linear-gradient(45deg, #05348A 0%, #0C4ABC 100%);
	box-shadow: 0px 0px 20px rgb(8 63 163 / 50%);
	border-radius: 3px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px){
	.wrap-blog > .bottom > .bottom > .blog > .bottom > .share {
		padding: 15px;
	}
}

.wrap-blog > .bottom > .bottom > .blog > .bottom > .share > svg {
	width: 15px;
    height: 15px;
}

.wrap-blog > .button {
	background: linear-gradient(266.83deg, #0777DD 0%, #1A4AF1 100%);
	box-shadow: 0px 0px 20px rgb(22 56 104 / 50%);
	border-radius: 2px;
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	max-width: 110px;
	padding: .55em 1em;
	margin: 10px auto 0;
	text-align: center;
}

@media (min-width: 768px){
	.wrap-blog > .button {
		font-size: 16px;
		line-height: 20px;
		max-width: 170px;
		padding: .6em 1em;
	}
}

/* news letter */
.wrap-news-letter {
	background: linear-gradient(269.35deg, #1C4BB4 0%, #103C9C 36.46%, #0E3791 100%);
	padding: 40px 10px;
}

@media(min-width: 768px){
	.wrap-news-letter {
		padding: 70px 110px;
	}
}

@media(min-width: 1280px){
	.wrap-news-letter {
		padding: 70px 50px;
	}
}

.wrap-news-letter > .wrap {
    position: relative;
}

@media(min-width: 1280px){
	.wrap-news-letter > .wrap {
		display: flex;
		max-width: 1440px;
		margin: 0 auto;
	}
}

@media(min-width: 1440px){
	.wrap-news-letter > .wrap {

	}
}

.wrap-news-letter > .wrap > .mishyra {
    max-width: 125px;
    position: absolute;
    z-index: 1;
	top: -25px;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .mishyra {
		max-width: 210px;
		left: -40px;
	}
}

.wrap-news-letter > .wrap > .mishyra > img {

}

.wrap-news-letter > .wrap > .top {
	z-index: 2;
	position: relative;
}

@media(min-width: 1280px){
	.wrap-news-letter > .wrap > .top {
		max-width: 650px;
	}
}

@media(min-width: 1440px){
	.wrap-news-letter > .wrap > .top {
		max-width: 700px;
		margin-left: 5em;
	}
}

.wrap-news-letter > .wrap > .top > .name {
	font-weight: 600;
	font-size: 14px;
	line-height: 170%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FAFAFA;
	text-align: center;
    margin-bottom: 10px;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .name {
		font-size: 25px;
		margin-bottom: 20px;
	}
}

.wrap-news-letter > .wrap > .top > .desc {
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	letter-spacing: 0.15em;
	color: #FFFFFF;
	margin-bottom: 20px;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .desc {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 40px;
	}
}

.wrap-news-letter > .wrap > .top > .input {
    display: flex;
    background: white;
	box-shadow: 0px 0px 20px rgba(20, 94, 222, 0.5);
	border-radius: 3px;
	margin-bottom: 20px;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .input {
		border-radius: 5px;
		max-width: 550px;
		margin: 0 auto;
	}
}

@media(min-width: 1440px){
	.wrap-news-letter > .wrap > .top > .input {
		max-width: 100%;
	}
}

.wrap-news-letter > .wrap > .top > .input > .strip {
	background: linear-gradient(80.15deg, #1A4AF1 0%, #0F72CD 100%);
	border-radius: 3px 0px 0px 3px;
	width: 4px;
	min-height: 100%;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .input > .strip {
		width: 7px;
		border-radius: 5px 0px 0px 5px;
	}
}

.wrap-news-letter > .wrap > .top > .input > .wrap {
	display: flex;
	align-items: center;
	width: 100%;
}

.wrap-news-letter > .wrap > .top > .input > .wrap > input[type="text"] {
	padding: 0;
    margin: 0;
    border: none;
    margin-left: 10px;
	width: 100%;
}

.wrap-news-letter > .wrap > .top > .input > .wrap > input[type="text"]::placeholder {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #8B8B8B;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .input > .wrap > input[type="text"]::placeholder {
		font-size: 14px;
		line-height: 17px;
	}
}

.wrap-news-letter > .wrap > .top > .input > .wrap > .button {
    background: linear-gradient(80.15deg, #1A4AF1 0%, #0F72CD 100%);
    border-radius: 3px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
	margin: 3px;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .input > .wrap > .button {
		margin: 5px;
		padding: 17px 16px;
		border-radius: 5px;
	}
}

.wrap-news-letter > .wrap > .top > .input > .wrap > .button > .name {
    margin-left: 5px;
	font-weight: 600;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .top > .input > .wrap > .button > .name {
		font-size: 14px;
		line-height: 17px;
		margin-left: 10px;
	}
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .bottom {
		position: absolute;
		max-width: 470px;
		top: -10em;
		z-index: 1;
		right: -20em;
	}
}

@media(min-width: 768px){
	.wrap-news-letter > .wrap > .bottom {
		right: -5em;
	}
}


@media(min-width: 1440px){
	.wrap-news-letter > .wrap > .bottom {
		right: 5em;
		top: -8em;
	}
}
.wrap-news-letter > .wrap > .bottom > img {

}