html {font-size:10px;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {font-family:Arial,Verdana,Tahoma; margin:0; padding:0; background:#fff; font-size:18px;color:#000;scroll-behavior: smooth;}
td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}

sup{top:-10px;}

ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}
strong {}

body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}




input.cf,select.cf {
  background:#fff;
  border:1px solid #ccc;
  height:50px;
  line-height:50px;
  padding:0 0 0 20px;
  box-sizing:border-box;
  display:inline-block;
  font-family:Arial;
  font-size:24px;
  width:100%;
  color:#333;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;;
  -webkit-border-radius: 0;

}

select.cf {background:#fff url(https://www.stoloto.ru/files/i/landing-2/select.png) right 10px center no-repeat;}

textarea.cf {
  background:#fff;
  border:1px solid #ccc;
  
  padding:10px 10px 10px 20px;
  box-sizing:border-box;
  display:inline-block;
  font-family:Arial;
  font-size:24px;
  width:100%;
  color:#000;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline:none;
}


.button {
	padding:0;
	box-sizing:border-box;
	display:inline-block;
	border:none;
	min-width:auto;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline:none;
	color:#fff;
	font-weight:700;
	background:url(https://www.stoloto.ru/files/i/landing-2/bttn.png) center center no-repeat;;
	background-size:100% 100%;
	font-size:20px;
	width:294px;
	height:60px;;
	line-height:60px;;
	font-family: 'Jost', sans-serif;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	transition: background 0.3s cubic-bezier(.455,.03,.515,.955),
  		color 0.3s cubic-bezier(.455,.03,.515,.955),
	  	box-shadow 0.3s cubic-bezier(.455,.03,.515,.955); 
}


.button.yellow {background:url(https://www.stoloto.ru/files/i/landing-2/bttn2.png) center center no-repeat;;	background-size:100% 100%;color:#000;}

.checkbox-custom {width:24px;height:24px;background:url(https://www.stoloto.ru/files/i/landing-2/uncheck.png) no-repeat;background-size:24px 24px;margin-right:5px}
.checkbox-custom, .label {display:inline-block;vertical-align: middle;}
.checkbox:checked + .checkbox-custom {background:url(https://www.stoloto.ru/files/i/landing-2/check.png) no-repeat;background-size:24px 24px;}
input.checkbox {display:none;}

input.radio {display:none;}
.radio-custom {width:20px;height:20px;background:#ccc;border-radius:100%;position:relative;}
.radio-custom, .label {	display:inline-block;vertical-align: middle;}
.radio:checked + .radio-custom {background:#000;}



.fancybox-content {padding:0;}
.fancybox-content img {max-width:100%;display:block;max-height:99vh}

.popwinalert.fancybox-content {padding:40px;max-width:500px;}
.popwinalert.fancybox-content h2 {margin:0 0 20px 0}
.popwinalert.fancybox-content p {margin:20px 0 20px 0;line-height:1.4;}


.main {z-index:10;padding:0 0 70px 0}

.glink {overflow:hidden;text-indent:-9000px;}
.glink a, a.glink {width:100%;height:100%;display:block;}

.mobile {display:none;}

@media only screen and (max-width: 640px) {
	body,html,.main {}
	.desktop {display:none;}
	.mobile {display:block;}
	html {font-size:10px !important;}

	.menu-w {width:100%;height:100%;position:fixed;left:0;top:0;z-index:20;overflow:auto;}
	.menu-w {background:#ccc;transform:translateY(-100%);transition:transform .3s cubic-bezier(.455,.03,.515,.955) 0s;}
	.menu.active .menu-w {transform:translateY(0);}
	.menu-button {position:fixed;right:0;top:0;width:50px;height:50px;background:#000;z-index:50}
}


.fc {display:flex;align-items:center;justify-content:center;}
.fc100 {display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:max-content;}




body {font-family: 'Jost', sans-serif;background:#eba824}
.main {min-width:1200px;}


.s-online-section-w {max-width:1400px;margin:auto;padding:0 0 10px 0;}

.s-online-section-1 {background:#fff;}

@media only screen and (max-width: 640px) {
	.main {min-width:320px;}
	.s-online-section-w {max-width:320px;}
	 .s-online-section-1 .s-online-section-w {max-width:640px;}
}

.s-logo {text-align:center;padding:25px 0 15px 0;}
.s-intro {text-align:center;}
.s-intro .s-1 {font-size: 40px;line-height: 1.2;text-transform: uppercase;font-weight:700;}
.s-intro .s-2 {font-size: 70px;line-height: 1.2;color:#1372ee;text-transform: uppercase;font-weight:700;}
.s-intro .s-2 span {color:#eba824;}
.s-intro .s-3 {font-size: 24px;line-height: 1.2;width:100%;margin:20px auto 20px auto;padding:0 40px;max-width:960px;}

@media only screen and (max-width: 640px) {
	.s-logo img {width:120px;height:auto;}

	.s-intro .s-1 {font-size: 24px;}
	.s-intro .s-2 {font-size: 31px;}
	.s-intro .s-3 {font-size: 15px;line-height: 1.2;width:auto;margin:10px 10px 0 10px;padding:0 0px;}

}

.swiper-slide {width:498px;height:360px;background:center center no-repeat;}
.s-slide {background:center center no-repeat;width:498px;height:360px;position:relative;}

.s-slider {margin:40px auto 10px auto;position:relative;min-width:1200px;width:100%;}

.s-slide.white {color:#fff;}
.s-slide .caption {font-weight: bold;font-size: 36px;line-height: 42px;padding:100px 0 0 60px;}
.s-slide-1 {background:#39363D url(https://www.stoloto.ru/files/i/landing-2/s0.png) center center no-repeat;background-size:cover;}
.s-slide-2 {background:#FFCD17 url(https://www.stoloto.ru/files/i/landing-2/s1.png) center center no-repeat;background-size:cover;}
.s-slide-3 {background:#EBA824 url(https://www.stoloto.ru/files/i/landing-2/s2.png) center center no-repeat;background-size:cover;}
.s-slide-4 {background:#FB2D63 url(https://www.stoloto.ru/files/i/landing-2/s3.png) center center no-repeat;background-size:cover;}
.s-slide-5 {background:#0E44FB url(https://www.stoloto.ru/files/i/landing-2/s4.png) center center no-repeat;background-size:cover;}

.s-slide .descr {transition:transform 0.6s ease,opacity .5s ease 0.3s;transform:translateY(0%);opacity:0;;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;font-size: 20px;line-height:1.3;padding:0 20px 0 50px;}

.swiper-slide-active .s-slide.active .descr {transform:translateY(0);opacity:1;}

.s-slide li {padding:0 0 0 22px;background:url(https://www.stoloto.ru/files/i/landing-2/c10.png) left top 13px no-repeat;}

.s-slide-1 .descr {background:#39363D;} 
.s-slide-2 .descr {background:#FFCD17;} 
.s-slide-3 .descr {background:#EBA824;} 
.s-slide-4 .descr {background:#FB2D63;} 
.s-slide-5 .descr {background:#0E44FB;} 

.s-slider-bttn {position:absolute;width:400px;height:380px;z-index:100;cursor:pointer;}
.s-slider-bttn-prev {left:0%;top:0}
.s-slider-bttn-next {right:0%;top:0}


@media only screen and (max-width: 640px) {
	.s-slider {margin:20px auto 10px auto;position:relative;min-width:320px;width:100%;}
	.swiper-slide {width:264px;height:230px;}
	.s-slide {width:264px;height:230px;position:relative;}
	.s-slide .caption {font-weight: bold;font-size: 20px;line-height: 1.3;padding:60px 0 0 30px;}

	.s-slider-bttn {display:none;}

	.s-slide li {padding:0 0 0 20px;background:url(https://www.stoloto.ru/files/i/landing-2/c10.png) left top 6px no-repeat;}

	.s-slide .descr {font-size: 12px;line-height:1.2;padding:0 10px 0 20px;}
}


@keyframes tlineintroarrow {
 0%, 100% {
  transform:translateY(10px);
 }
 50% {
  transform:translateY(-10px);
 }
}


.s-intro-arrow {text-align:center;padding:30px 0 20px 0;animation:tlineintroarrow 1s ease-in-out infinite;transition: transform 0.5s ease-in-out;}

.s-online-section-2 {background:#FFCD17 url(https://www.stoloto.ru/files/i/landing-2/c11.png) center center no-repeat;min-height:900px;}
.s-list {padding:60px 0 0 50%;width:100%;}
.s-list .bttn {margin:45px 0 0 100px;}

.s-list-caption {font-weight: bold;font-size: 42px;line-height: 50px;width:470px;text-transform: uppercase;}
.s-list-caption span {font-weight:normal;display:block;}

.s-list-item {display:flex;margin:30px 0 0 0;}
.s-list-item .num {width:70px;height:76px;font-weight: bold;font-size: 66px;line-height: 24px;color: #0E44FB;margin:10px 0 0 0;background:url(https://www.stoloto.ru/files/i/landing-2/c1.png) right 5px bottom 10px no-repeat;}
.s-list-item-2 .num {background:url(https://www.stoloto.ru/files/i/landing-2/c1.png) right 5px bottom 3px no-repeat;}
.s-list-item .descr {width:300px;font-size: 20px;line-height: 26px;margin:0 0 0 30px}

.s-online-section-2 .s-list {padding: 60px 0 104px 50%;background: url(https://www.stoloto.ru/files/i/landing-2/phone.gif) left 20% top 80px no-repeat;}

@media only screen and (max-width: 640px) {
	.s-online-section-2 {background:#FFCD17 url(https://www.stoloto.ru/files/i/landing-2/c2m.png) center top 100px no-repeat;min-height:300px;}
	.s-online-section-2 .s-online-section-w {padding:0 0 40px 0}

	.s-list {padding:30px 10px 0 10px;width:100%;}
	.s-list .bttn {margin:35px 0 0 0;}

	.s-online-section-2 .s-list {padding:30px 10px 0 10px;background: url(https://www.stoloto.ru/files/i/landing-2/phone.gif) center top 100px no-repeat;background-size:150px auto;}

	.s-list-caption {font-weight: bold;font-size: 20px;line-height: 1.4;width:100%;text-align:center;margin:0 0 340px 0}
	.s-list-caption span {font-weight:normal;display:inline;}

	.s-list-item {display:flex;margin:30px 0 0 0;}
	.s-list-item .num {width:54px;height:54px;font-weight: bold;font-size: 40px;line-height:1;margin:0px 0 0 0;background:url(https://www.stoloto.ru/files/i/landing-2/c1.png) right 10px bottom 0px no-repeat;background-size:38px 26px;}
	.s-list-item-2 .num {background:url(https://www.stoloto.ru/files/i/landing-2/c1.png) right 10px bottom 0px no-repeat;background-size:38px 26px;}
	.s-list-item .descr {width:209px;font-size: 17px;line-height: 1.12;margin:0 0 0 10px}

	.s-intro-arrow {text-align:center;padding:15px 0 15px 0;animation:tlineintroarrow 1s ease-in-out infinite;transition: transform 0.5s ease-in-out;}

}

.s-online-section-3 {background: #03193B url(https://www.stoloto.ru/files/i/landing-2/c3.jpg) center top 296px no-repeat;;color:#fff;min-height:1400px;padding:100px 0 0 0;}
.s-online-section-3 .s-online-section-w {width:1000px;}

.s-top-caption {text-transform: uppercase;color:#fff;text-align:center;width:306px;}
.s-top-caption .s-1 {font-size: 110px;line-height:1;color: #FFCD17;}
.s-top-caption .s-2 {font-size: 42px;line-height: 48px;font-weight: bold;} 
.s-top-caption .s-3 {font-size: 42px;line-height: 48px;} 

.s-top-list {margin:-190px 0 100px 520px;}
.s-top-list-item {width:430px;height:192px;background:url(https://www.stoloto.ru/files/i/landing-2/c4.png) no-repeat;background-size:100% 100%;position:relative;padding:30px 0 0 45px;}
.s-top-list-item .sum {font-weight: bold;font-size: 36px;color: #FFCD17;}
.s-top-list-item .name {font-size: 18px;}
.s-top-list-item .props {display:flex;color:#0D6BF7;font-size: 16px;align-items:center;}
.s-top-list-item .props .ico {margin:0 10px 0 0;}
.s-top-list-item .prop {padding:0 30px 0 0;background:url(https://www.stoloto.ru/files/i/landing-2/Arrow1.png) right center no-repeat;height:47px;line-height:47px;}

.s-top-list-item-1 {z-index:10;margin:-17px 0 0 0;}
.s-top-list-item-2 {z-index:9;margin:-17px 0 0 20px;}
.s-top-list-item-3 {z-index:8;margin:-17px 0 0 40px;}
.s-top-list-item-4 {z-index:7;margin:-17px 0 0 60px;}
.s-top-list-item-5 {z-index:6;margin:-17px 0 0 80px;}

.s-top-footer {text-align:center;font-size:50px;}
.s-top-footer .caption {margin:0 0 20px 0}

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

	.s-online-section-3 {background: #03193B;color:#fff;min-height:100px;padding:40px 0 30px 0;}
	.s-online-section-3 .s-online-section-w {width:100%;}

	.s-top-caption {text-transform: uppercase;color:#fff;text-align:center;width:306px;}
	.s-top-caption .s-1 {font-size: 60px;line-height:1;color: #FFCD17;}
	.s-top-caption .s-2 {font-size: 20px;line-height: 48px;font-weight: bold;display:inline-block;} 
	.s-top-caption .s-3 {font-size: 20px;line-height: 48px;display:inline-block;} 

	.s-top-list {margin:30px 0 0px 15px;}
	.s-top-list-item {width:290px;height:182px;background:url(https://www.stoloto.ru/files/i/landing-2/c4.png) no-repeat;background-size:100% 100%;position:relative;padding:25px 0 0 35px;}
	.s-top-list-item .sum {font-size: 24px;}
	.s-top-list-item .rub img {width:13px;}
	.s-top-list-item .name {font-size: 14px;margin:10px 0 10px 0}
	.s-top-list-item .props {font-size: 14px;}
	.s-top-list-item .props .ico {margin:0 10px 0 0;}
	.s-top-list-item .prop {padding:0 30px 0 0;background:url(https://www.stoloto.ru/files/i/landing-2/Arrow1.png) right center no-repeat;height:47px;line-height:47px;}
	
	.s-top-list-item-1 {margin:-17px 0 0 0;}
	.s-top-list-item-2 {margin:-17px 0 0 0;}
	.s-top-list-item-3 {margin:-17px 0 0 0;}
	.s-top-list-item-4 {margin:-17px 0 0 0;}
	.s-top-list-item-5 {margin:-17px 0 0 0;}

	.s-top-footer {text-align:center;font-size:30px;line-height:1.2;padding:370px 0 0 0;background:url(https://www.stoloto.ru/files/i/landing-2/c3m.jpg) center top no-repeat;}
	.s-top-footer .caption {margin:0 0 20px 0}

	
}

.s-online-section-4 {background:#6521D4;color:#fff;padding:45px 0 50px 0;}
.s-online-section-4 .s-online-section-w {width:900px;}

.s-vs-caption {text-transform:uppercase;width:100%;display:flex;text-align:center;}
.s-vs-caption .s-1 {width:240px;}
.s-vs-caption .s-2 {width:388px;font-size:80px;color:#FFCD17}
.s-vs-caption .s-3 {width:240px;}
.s-vs-caption {font-size:37px;font-weight:bold;}
.s-vs-caption span {font-size:20px;font-weight:400;display:block;line-height:1.4}

.s-vs-list {text-align:center;}
.s-vs-list .bttn {padding:20px 60px 0 20px}
.s-vs-list-item {width:100%;display:flex;text-align:center;align-items:center;padding:15px 0;border-top:1px solid #7260d7;}
.s-vs-list-item:first-child {border:none}
.s-vs-list-item .s-1 {width:240px;}
.s-vs-list-item .s-2 {width:388px;font-size:20px;}
.s-vs-list-item .s-3 {width:240px;}


@media only screen and (max-width: 640px) {
	.s-vs-image img {width:100%;height:auto;} 

	.s-online-section-4 .s-online-section-w {width:100%;min-width:310px;max-width:400px;margin:auto;}


	.s-vs-list {text-align:center;width:90%;min-width:310px;max-width:400px;margin:auto;}
	.s-vs-list .bttn {padding:20px 0px 0 0px}
	.s-vs-list-item {width:100%;display:flex;text-align:center;align-items:center;padding:15px 0;border-top:1px solid #7260d7;}
	.s-vs-list-item-first-child {border:none}
	.s-vs-list-item img {width:30px;height:auto;}
	.s-vs-list-item img.c-capt {width:auto;height:auto;}
	.s-vs-list-item .s-1 {width:25%;}
	.s-vs-list-item .s-2 {width:50%;font-size:15px;line-height:1.2;text-align:left;}
	.s-vs-list-item .s-3 {width:25%;}


	.s-vs-list-caption {width:90%;margin:auto;}
	.s-vs-list-caption-item {width:100%;display:flex;justify-content: space-between;margin:0 0 10px 0}
	.s-vs-list-item-caption {margin:0;padding:0;}
	.s-vs-list-caption-item .caption {width:70%}
	.s-vs-list-caption-item .md {width:7%;text-align:right;padding:10px 0 0 0;}
	.s-vs-list-caption-item .img {width:23%;text-align:center;padding:10px 0 0 0;}


}



.s-list-secure {color:#000;padding:0px 0 0 50%;}
.s-list-secure a {color:#fff;}
.s-list-secure .descr {width:356px;}


.s-online-section-5 {background:#eba824 url(https://www.stoloto.ru/files/i/landing-2/c8.jpg) center top 410px no-repeat;;color:#fff;min-height:1000px;padding:70px 0 80px 0;border-bottom:1px solid #000;}
.s-online-section-5 .s-online-section-w {width:960px;}

.s-secure-caption {text-align:center;color:#0E44FB;text-transform: uppercase;font-size: 42px;font-weight: bold;}
.s-secure-caption-2 {width:908px;height:142px;text-align:center;font-weight: bold;font-size: 24px;background:url(https://www.stoloto.ru/files/i/landing-2/c7.png) no-repeat;background-size:100% 100%;padding:20px 90px;line-height: 30px;margin:40px 0;}

.s-footer-logo {background:#eba824;width:300px;margin:-27px auto 0 auto;text-align:center;}



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

	.s-online-section-5 {background:#eba824 url(https://www.stoloto.ru/files/i/landing-2/c8m.jpg) center bottom no-repeat;;color:#fff;min-height:100px;padding:35px 0 250px 0;border-bottom:none;}
	.s-online-section-5 .s-online-section-w {width:100%;min-width:310px;max-width:400px;margin:auto;}

	.s-list-secure {color:#000;padding:0px 0 0 10px;width:320px;margin:auto;}
	.s-list-secure .s-list-item {margin:0px 0 30px 0;}
	.s-list-secure a {color:#fff;}
	.s-list-secure .descr {width:231px;}

	.s-secure-caption {text-align:center;color:#0E44FB;text-transform: uppercase;font-size:20px;font-weight: bold;}
	.s-secure-caption-2 {width:280px;min-width:280px;max-width:400px;margin:auto;height:auto;text-align:center;font-weight: bold;font-size:16px;background:url(https://www.stoloto.ru/files/i/landing-2/c7m.png) no-repeat;background-size:100% 100%;padding:15px 35px;line-height: 1.25;margin:20px auto;}
	
}

@media only screen and (max-width: 640px) {
	.s-footer-logo {background:#eba824;width:300px;margin:0px auto 0 auto;text-align:center;}
	.s-footer-logo img {width:180px;height:auto;}
}