.cms {padding-left: 0px; padding-right: 0px;}


.gazprom {
    text-align: center;
}


.gazprom sup {
    vertical-align: super;
    font-size: smaller;
}

.gazprom a {
    text-decoration: none;
}

.gazprom .gazpron_link {
    color: #fff;
}

.gazprom .undeline_link {
    text-decoration:underline;
	color:#000;
}

.gazprom h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px; 
}


.gazprom p {
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

.gazprom .narrow {
    max-width: 998px;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
}
.gazprom .wide {
   background: #F5F5F5;
   text-align: center;
   padding: 1px 20px;
   margin: 0px 0 0;
}

.gazprom .web_v {}
.gazprom .pda_v {display:none;}

.gazprom .blue_top {background: linear-gradient(128.1deg, #0195D8 -0.18%, #132064 103.08%);max-width: 100%;padding: 0 20px;text-align: left;}
.gazprom .blue_top .baner {background: url(/static/pr/cms/13560-flame/img_25/bg_top_19_1.png) no-repeat right center; background-size: auto 153%; margin: 0 auto;max-width: 953px;color:#fff;padding: 19px 0 33px;}
.gazprom .blue_top .baner .logo {height:53px;width:339px;background: url(/static/pr/cms/13560-flame/img_25/logos.svg) no-repeat 0 0;}
.gazprom .blue_top .baner .text {padding: 0 457px 0 0;}
.gazprom .blue_top .baner .text h1 {font-size: 36px;line-height: 44px;font-weight: 700;margin: 34px 0 0;color: #fff;}
.gazprom .blue_top .baner p.adv {font-size: 12px; line-height: 14px; margin: 46px 0 0; opacity:0.5; color: #fff;}


.gazprom .profit {margin: 22px 0 20px 0px;display: flex;align-items: center;}
.gazprom .profit .pic {max-width: 267px;}
.gazprom .profit .pic img {width:100%;border: 0;vertical-align: middle;}
.gazprom .profit .text {padding: 12px 20px 20px 130px;}
.gazprom .profit .text p {margin: 19px 0 0; max-width: 577px;}


.gazprom .bonus {display:grid;grid-template-areas:
"A B"
"C B";grid-template-columns: 1fr 436px;grid-template-rows: 204px auto;margin: 0 auto 0px;max-width: 1078px;text-align: left;padding: 0 0 0 62px;}
.gazprom .bonus .text {grid-area: A;padding: 35px 0px 20px 0;}
.gazprom .bonus .text p {margin: 10px 0 0;}
.gazprom .bonus .pic {grid-area: B;padding: 0 0 0;}
.gazprom .bonus .pic img {width:416px;}
.gazprom .bonus .subscribe {grid-area: C;text-align: left;margin: 0 0 39px;}
.gazprom .bonus .subscribe a {display:inline-block;font-size:20px;line-height:56px;background: linear-gradient(74.38deg, #EF7D00 0%, #E6007E 99.99%);border-radius:12px;padding: 0 40px;color: #fff;}




.gazprom .instruction {
    padding: 75px 0 13px;
}
.gazprom .instruction > p {
    margin: 7px 0 0;
}
.gazprom .instruction .steps {
	display:grid;
	grid-template-areas:
	"A A C C D F F J J"
	"B B B E E E H H H";
	grid-template-columns: 12.5% 53px 1fr 1fr 110px 1fr 1fr 154px 6%;
	max-width: 1021px;
	margin: 60px auto;
	}


.gazprom .instruction .steps .cell_1 {grid-area: A;}
.gazprom .instruction .steps .cell_2 {grid-area: B;}
.gazprom .instruction .steps .cell_3 {grid-area: C;}
.gazprom .instruction .steps .cell_4 {grid-area: D;}
.gazprom .instruction .steps .cell_5 {grid-area: E;}
.gazprom .instruction .steps .cell_6 {grid-area: F;}
.gazprom .instruction .steps .cell_7 {grid-area: J;}
.gazprom .instruction .steps .cell_8 {grid-area: H;}



.gazprom .instruction .steps .item {}
.gazprom .instruction .steps .item p {margin: 25px 0 0;line-height: 23px;}
.gazprom .instruction .steps .item.arrow_1 {background: url(/static/pr/cms/13560-flame/img_25/arrow_1.svg) no-repeat center right;}
.gazprom .instruction .steps .item.arrow_2 {background: url(/static/pr/cms/13560-flame/img_25/arrow_2.svg) no-repeat center right;}
.gazprom .instruction .steps .item.number._1 {padding: 0 40px 0 0;text-align: right;}
.gazprom .instruction .steps .item.number._3 {text-align: left;padding: 0 0 0 33px;}



.gazprom .freebooks {margin: 66px auto 66px;display: flex;align-items: center;max-width: 962px;text-align: left;justify-content: space-between;gap: 40px;}
.gazprom .freebooks .pic {}
.gazprom .freebooks .pic img {border: 0;vertical-align: middle;}
.gazprom .freebooks .text {max-width: 559px;}
.gazprom .freebooks .text p {margin: 12px 0 0;}

.gazprom .ending {
    padding: 0 4px 0px;
    margin: 53px 0 53px;
}

.gazprom .ending .more {
    margin: 26px 0 0px;
}

.gazprom .ending .more a {
    color: #106EDC;
}

.gazprom .ending .asterix {
    color: #ccc;
    margin: 29px 0 0;
    font-size: 18px;
    line-height: 26px;
}


@media screen and (max-width:1100px){
	.gazprom .bonus {
	display:grid;
	grid-template-areas:
	"A B"
	"C B";
	grid-template-columns: 1fr 436px;
	grid-template-rows: auto auto;
	margin: 0 auto 0px;
	max-width: 953px;
	text-align: left;
	padding: 0 0 0 0px;
	}
	.gazprom .bonus .text {grid-area: A;padding: 35px 0px 20px 0;}
	.gazprom .bonus .text p {margin: 10px 0 0;}
	.gazprom .bonus .pic {grid-area: B;padding: 0 0 0;}
	.gazprom .bonus .pic img {width: 416px;}
	.gazprom .bonus .subscribe {grid-area: C;text-align: left;}
	.gazprom .bonus .subscribe a {display:inline-block;font-size:20px;line-height:56px;background: linear-gradient(74.38deg, #EF7D00 0%, #E6007E 99.99%);border-radius:12px;padding: 0 40px;color: #fff;}

}





@media screen and (max-width: 960px){
	.gazprom .blue_top .baner {/* background-position: center right; */background-size: auto 133%;}
}

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

	.gazprom h2 {font-size: 18px;line-height: 24px;}
	.gazprom p {font-size: 14px; line-height: 20px;}
	
	
	.gazprom .blue_top .baner {padding: 10px 0 15px;background-size: auto 92%;}
	.gazprom .blue_top .baner .logo {height: 33px;width: 118px;background-size: auto 38px;}
	.gazprom .blue_top .baner .text {padding: 0 300px 0 0;}
	.gazprom .blue_top .baner .text h1 {margin: 28px 0 0;}
	.gazprom .blue_top .baner .text p {font-size: 14px;line-height: 20px;margin: 9px 0 0;color: #fff;max-width: 234px;}
	.gazprom .blue_top .baner p.adv {font-size: 9px;line-height: 12px;margin: 24px 0 0;opacity:0.5;color: #fff;}	
	
	
	.gazprom .profit .pic {max-width: 213px;}
	.gazprom .profit .text {padding: 20px 20px 20px 25px;}
	
	
	.gazprom .bonus {display:grid;grid-template-areas:
"A B"
"C B";grid-template-columns: 1fr 300px;}
	.gazprom .bonus .text {grid-area: A;}
	.gazprom .bonus .text p {margin: 10px 0 0;}
	.gazprom .bonus .pic {grid-area: B;text-align: right;}
	.gazprom .bonus .pic img {width: 300px;}
	.gazprom .bonus .subscribe {grid-area: C;}
	.gazprom .bonus .subscribe a {display:inline-block;font-size:20px;line-height:56px;background: linear-gradient(74.38deg, #EF7D00 0%, #E6007E 99.99%);border-radius:12px;padding: 0 40px;color: #fff;}

	.gazprom .instruction {padding:47px 0 0;}
	.gazprom .instruction .steps {
	display:grid;
	grid-template-areas:
	"A A C C D F F J J"
	"B B B E E E H H H";
	grid-template-columns: 50px 65px 1fr 1fr 110px 1fr 1fr 65px 50px;
	max-width: 1021px;
	margin: 60px auto;
	}


	.gazprom .instruction .steps .item {}
	.gazprom .instruction .steps .item p {margin: 22px 0 0;line-height: 23px;}
	.gazprom .instruction .steps .item.number._1 {padding: 0 33px 0 0;text-align: right;}
	.gazprom .instruction .steps .item.number._3 {padding: 0 0 0 33px; text-align: left;}


	.gazprom .instruction .steps .item.number img {height: 58px;}
	
	.gazprom .freebooks {margin: 66px auto 66px;display: flex;align-items: center;max-width: 962px;text-align: left;justify-content: space-between;gap: 40px;}
	.gazprom .freebooks .pic {}
	.gazprom .freebooks .pic img {width: 250px;}
	.gazprom .freebooks .text {max-width: 559px;}
	.gazprom .freebooks .text p {margin: 12px 0 0;}
}




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

	.gazprom h2 {text-align: center;}
	.gazprom .web_v {display:none;}
	.gazprom .pda_v {display:block;}
	.gazprom > div { padding: 0 20px; text-align: center;}
	

	.gazprom .blue_top {text-align: left;}
	.gazprom .blue_top .baner {background-size: 67% auto;background-position: center 29px;}
	.gazprom .blue_top .baner .text {padding: 59% 0 0 0;}

	.gazprom .blue_top .baner .text h1 {margin: 28px 0 0; font-size: 20px;  line-height: 26px;  max-width: 454px; }
	.gazprom .blue_top .baner .text p {font-size: 14px;line-height: 20px;margin: 9px 0 0;color: #fff;max-width: 234px;}
	.gazprom .blue_top .baner p.adv {font-size: 9px;line-height: 12px;margin: 24px 0 0;opacity:0.5;color: #fff;}	
	
	.gazprom .bonus {grid-template-areas:
"A A"
"B B"
"C C";grid-template-columns: 1fr;text-align: center;}
	.gazprom .bonus .text {grid-area: A;}
	.gazprom .bonus .text p {margin: 10px 0 0;}
	.gazprom .bonus .pic {grid-area: B;text-align: center;}
	.gazprom .bonus .pic img {width: 100%;}
	.gazprom .bonus .subscribe {grid-area: C;text-align: center;}
	.gazprom .bonus .subscribe a {display:inline-block;font-size:20px;line-height:56px;background: linear-gradient(74.38deg, #EF7D00 0%, #E6007E 99.99%);border-radius:12px;padding: 0 40px;color: #fff;}

	
	.gazprom .profit {flex-direction: column;text-align: center;}
	.gazprom .profit .pic {max-width: 213px;}
	.gazprom .profit .text {padding: 20px 16px 0;}
	
	.gazprom .instruction {padding: 30px 0 0px;}
	.gazprom .instruction > p {margin: 14px 16px 0;}
	.gazprom .instruction .steps {display: flex; max-width: 1021px; margin: 42px auto; flex-direction: column;}
	.gazprom .instruction .steps .item {}
	.gazprom .instruction .steps .item p {margin: 4px 0 0;line-height: 20px;}
	.gazprom .instruction .steps .item.arrow_1 {background: url(/static/pr/cms/13560-flame/img_25/arrow_1pda.svg) no-repeat center center;height: 95px;}
	.gazprom .instruction .steps .item.arrow_2 {background: url(/static/pr/cms/13560-flame/img_25/arrow_2pda.svg) no-repeat center center;height: 95px;}
	.gazprom .instruction .steps .item.number._1 {padding: 0 0px 0 0;text-align: center;}
	.gazprom .instruction .steps .item.number._3 {text-align: center;padding: 0 0 0 0px;}

	.gazprom .freebooks {margin: 26px auto 40px;display: flex;flex-direction: column;align-items: center;max-width: 962px;text-align: center;justify-content: space-between;gap: 23px;}
	.gazprom .freebooks .pic {max-width: 321px;}
	.gazprom .freebooks .pic img {}
	.gazprom .freebooks .text {max-width: 559px;}
	.gazprom .freebooks .text p {margin: 15px 0 0;}

	.gazprom .ending {text-align: left; margin: 30px 0;}
	.gazprom .ending .more {margin: 21px 0 0;}
	.gazprom .ending .asterix {font-size: 14px; line-height: 18px; margin: 14px 0 0;}

}
@media screen and (max-width: 460px){
	
	.gazprom .blue_top .baner {background-size: 90% auto;}
	.gazprom .blue_top .baner .text {padding: 77% 0 0 0;}

	
	
	
}