/*Media Requests*/
/*PC*/
/*4K*/
/*3840x2160*/

/*в браузере: 3360x1755*/
@media screen and (max-width: 3380px)and (max-height:1760px) {
	.footer {
		margin-top: -58px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		font-size: 15px;
		line-height: 15px;
	}
}

@media screen and (max-width: 2600px)and (max-height:1350px) {}

/*2K*/
/*2048x1536*/
/*в браузере: 2031x1386*/
@media screen and (max-width: 2033px)and (max-height:1390px) {}

/*1920x1200*/
/*в браузере: 1903x1050*/
@media screen and (max-width: 1910px)and (max-height:1060px) {
	.footer {
		margin-top: -48px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 12px;
	}
}

/*1920x1080*/
/*в браузере: 1903x930*/
@media screen and (max-width: 1910px)and (max-height:940px) {}

/*1600x1200*/
/*в браузере: 1583x1050*/
@media screen and (max-width: 1585px)and (max-height:1055px) {}

/*1680x1050*/
/*в браузере: 1663x900*/
@media screen and (max-width: 1665px)and (max-height:910px) {}

/*1600x787*/
/*в браузере: 1600x787 - Asus X75*/
@media screen and (max-width: 1600px)and (max-height:787px) {
	.footer {
		padding: 5px;
	}
}

/*PC*/
/*1440x900*/
/*в браузере: 1423x750*/
@media screen and (max-width: 1424px)and (max-height:751px) {
	.footer {
		margin-top: -46px;
	}
}

/*iPad 12.9.2017*/
/*1366x954 - landscape*/
@media screen and (max-width: 1367px)and (max-height:955px) {}

/*iPad 12.9.2018*/
/*1366x950 - landscape*/
@media screen and (max-width: 1367px)and (max-height:951px) {}

/*PC*/
/*1366x768*/
/*в браузере: 1349x618*/
@media screen and (max-width: 1350px)and (max-height:619px) {}

/*Tab4*/
/*1280x679*/
@media screen and (max-width: 1300px)and (max-height:681px) {}

/*PC*/
/*1280x1024*/
/*в браузере: 1263x874*/
@media screen and (max-width: 1264px)and (max-height:875px) {
	/*body {
		background-position: 50% 40%;
	}*/
}

/*PC*/
/*1280x800*/
/*в браузере: 1263x650*/
@media screen and (max-width: 1264px)and (max-height:651px) {}

/*iPad  11.2018*/
/*1194x760 - landscape*/
@media screen and (max-width: 1195px)and (max-height:761px) {
	.footer {
		margin-top: -46px;
		padding: 5px;
	}
}

/*Galaxy Tab S4*/
/*Galaxy Tab 5Se*/
/*1138x544 - landscape*/
@media screen and (max-width: 1139px)and (max-height:545px) {}


/*iPad Air 2019*/
/*1112x764 - landscape*/
@media screen and (max-width: 1115px)and (max-height:765px) {}

/*pc Matt*/
/*1080x1920*/
/*в браузере: 1080x1777*/
@media screen and (max-width: 1081px)and (max-height:1921px) {
	.button {
		padding-bottom: 1vh
	}
}

/*PC*/
/*1024*/
@media screen and (max-width: 1025px) {}

/*iPad 12.9.2017*/
/*1024x1296*/
@media screen and (max-width: 1025px)and (max-height:1297px) {
	.info {
		margin: 7vh 0;
		font-size: 12px;
		/* line-height: 1.5vh; */
	}
}

/*iPad 12.9.2018*/
/*1024x1292*/
@media screen and (max-width: 1025px)and (max-height:1293px) {}

/*iPad Air2*/
/*iPad Mini3*/
/*1024x704 - landscape*/
@media screen and (max-width: 1025px)and (max-height:705px) {
	.main {
		margin-top: 15vh;
	}

	.info {
		margin: 3vh 0;
	}
}

/*iPad mini 2019*/
/*iPad Mini4*/
/*iPad 9.7.2016*/
/*iPad 6th*/
/*iPad 5th*/
/*1024x698 - landscape*/
@media screen and (max-width: 1025px)and (max-height:699px) {}

/*iPad Air*/
/*iPad4*/
/*iPad Mini2*/
/*1024x692 - landscape*/
@media screen and (max-width: 1025px)and (max-height:693px) {
	.footer {
		margin-top: -41px;
	}
}

/*Galaxy Tab S3*/
/*1024x648 - landscape*/
@media screen and (max-width: 1025px)and (max-height:649px) {}

/*PC*/
/*1024x768*/
/*в браузере: 1007x618*/
@media screen and (max-width: 1025px)and (max-height:620px) {}

/*Nexus7*/
/*960x432 - landscape*/
@media screen and (max-width: 961px)and (max-height:433px) {}

/*Pad 11.2018*/
/*834x1120*/
@media screen and (max-width: 835px)and (max-height:1121px) {}


/*iPad Air 2019*/
/*834x1042*/
@media screen and (max-width: 835px)and (max-height:1050px) {}

/*Pixel 3a XL*/
/*816 x 352 - landscape*/
@media screen and (max-width: 817px)and (max-height:355px) {}

/*OnePlus 6T*/
/*814 x 325 - landscape*/
@media screen and (max-width: 815px)and (max-height:326px) {}

/*iPhone XS max*/
/*iPhone XR*/
/*808x414 - landscape*/
@media screen and (max-width: 809px)and (max-height:415px) {
	.footer {
		font-size: 10px;
		line-height: 10px;
		margin-top: -54px;
	}
}

/*Tab4*/
/*800x1159 - landscape*/
@media screen and (max-width: 801px)and (max-height:1160px) {
	/*.main {
		margin-top: 25vh;
	}*/
}

/*Galaxy S9+*/
/*Galaxy S8+*/
/*Galaxy Note 9*/
/*Galaxy Note 8*/
/*798x332 - landscape*/
@media screen and (max-width: 799px)and (max-height:333px) {
	.main {
		margin-top: 5vh;
	}
}

/*Galaxy S10+*/
/*780 x 332 - landscape*/
@media screen and (max-width: 781px)and (max-height:333px) {}

/*Galaxy S10*/
/*778x332*/
@media screen and (max-width: 779px)and (max-height:333px) {
	.main {
		margin-top: 5vh;
	}
}

/*PC*/
/*768*/
@media screen and (max-width: 769px) {}

/*iPad Air2*/
/*iPad Mini3*/
/*768x960*/
@media screen and (max-width: 769px)and (max-height:961px) {}

/*iPad mini 2019*/
/*iPad 9.7.2016*/
/*iPad 6th*/
/*iPad 5th*/
/*iPad Mini4*/
/*768x954*/
@media screen and (max-width: 769px)and (max-height:955px) {}

/*iPad Air*/
/*iPad4*/
/*iPad Mini2*/
/*768x928*/
@media screen and (max-width: 769px)and (max-height:929px) {}

/*Galaxy Tab S3*/
/*768x904*/
@media screen and (max-width: 769px)and (max-height:905px) {}

/*Pixel 3a*/
/*760x313 - landscape*/
@media screen and (max-width: 765px)and (max-height:315px) {}

/*Pixel 3 XL*/
/*749x328 - landscape*/
@media screen and (max-width: 750px)and (max-height:329px) {
	.footer {
		margin-top: -35px;
	}
}

/*Pixel 3*/
/*738 x 313 - landscape*/
@media screen and (max-width: 739px)and (max-height:314px) {}

/*iPhone 8+*/
/*iPhone 6S+*/
/*iPhone 7S+*/
/*736x414 - landscape*/
@media screen and (max-width: 737px)and (max-height:415px) {
	.footer {
		font-size: 10px;
		line-height: 10px;
		margin-top: -54px;
	}
}

/*iPhone XS*/
/*iPhone X*/
/*724x375 - landscape*/
@media screen and (max-width: 725px)and (max-height:376px) {}

/*Iphone X, XS - Album - Chrome*/
@media screen and (max-width: 725px)and (max-height:320px) {
	.footer {
		margin-top: -35px;
	}
}

/*720*281 - Ksu device*/
@media screen and (max-width: 720px)and (max-height:281px) {
	.main {
		margin-top: 5vh;
	}
}

/*Galaxy Tab S4*/
/*Galaxy Tab 5Se*/
/*712x970*/
@media screen and (max-width: 713px)and (max-height:971px) {}

/*Galaxy S9*/
/*Galaxy S8*/
/*Galaxy A8*/
/*692x280 - landscape*/
@media screen and (max-width: 693px)and (max-height:337px) {
	.footer {
		margin-top: -35px;
	}

	.main {
		margin-top: 5vh;
	}
}

/*Pixel 2*/
/*Pixel*/
/*Pixel XL*/
/*Nexus 6P*/
/*684x332 - landscape*/
@media screen and (max-width: 690px)and (max-height:388px) {
	.footer {
		margin-top: -35px;
	}

	.main {
		margin-top: 5vh;
	}
}

/*Nexus 6P - Album - Mozilla*/
@media screen and (max-width: 684px)and (max-height:335px) {
	.footer {
		margin-top: -35px;
	}
}

/*Galaxy S10e*/
/*674 x 280 - landscape*/
@media screen and (max-width: 675px)and (max-height:281px) {}

/*iPhone 8*/
/*iPhone 6S*/
/*iPhone 7*/
/*667x375 - landscape*/
@media screen and (max-width: 668px)and (max-height:376px) {
	.main {
		margin-top: 10vh;
	}

	.footer {
		font-size: 6px;
		margin-top: -35px;
		line-height: 6px;
	}
}

/*Galaxy S7*/
/*640x280- landscape*/
@media screen and (max-width: 641px)and (max-height:281px) {

	.main {
		margin-top: 5vh;
	}

	.footer {
		font-size: 11px;
		line-height: 14px;
		margin-top: -45px;
	}
}

/*Galaxy S6*/
/*Galaxy S5*/
/*Galaxy Note4*/
/*Galaxy Note3*/
/*640x279- landscape*/
@media screen and (max-width: 641px)and (max-height:280px) {}

/*Nexus 7*/
/*600x792*/
@media screen and (max-width: 601px)and (max-height:793px) {}

/*LG G5*/
/*MotoX 2nd*/
/*598x280 - landscape*/
@media screen and (max-width: 599px)and (max-height:281px) {}

/*Nexus 5*/
/*Xperia Z5*/
/*598x279 - landscape*/
@media screen and (max-width: 599px)and (max-height:280px) {}

/*iPhone SE*/
/*iPhone 5S*/
/*568x320 - landscape*/
@media screen and (max-width: 569px)and (max-height:321px) {}

/*iPhone 4S*/
/*480x208 - landscape*/
@media screen and (max-width: 481px)and (max-height:209px) {}

/*PC*/
/*425*/
@media screen and (max-width: 426px) {}



/*PORTRAIT MOB*/

/*Iphone Xs max, Iphone XR - Port - Safary*/
@media screen and (max-width: 415px)and (max-height:832px) {
	.footer {
		margin-top: -42px;
		padding: 5px;
	}
}

/*iPhone XS max*/
/*iPhone XR*/
/*414x719*/
@media screen and (max-width: 415px)and (max-height:723px) {
	.info {
		font-size: 11px;
		margin: 5vh 0;
	}

	.button {
		padding: 1vh 0;
	}

}

/*iPhone 7S+*/
/*414x628*/
@media screen and (max-width: 415px)and (max-height:629px) {
	.title {
		font-size: 4vh;
	}

	.info {
		font-size: 2.5vh;
		margin: 8vh 0;
	}

	.button {
		padding: 1vh 0;
	}

}

/*iPhone 8+*/
/*iPhone 6S+*/
/*414x622*/
@media screen and (max-width: 415px)and (max-height:623px) {}

/*OnePlus 6T*/
/*412 x 757*/
@media screen and (max-width: 413px)and (max-height:758px) {
	.title {
		font-size: 3vh;
	}

	.info {
		font-size: 2vh;
		margin: 5vh 0;
	}

	.button {
		padding: 1vh 0;
	}

}

/*Galaxy S10+*/
/*412 x 723*/
@media screen and (max-width: 413px)and (max-height:724px) {
	.info {
		font-size: 2vh;
		margin: 7vh 0;
	}
}

/*Galaxy S10*/
/*412x722*/
@media screen and (max-width: 413px)and (max-height:723px) {}

/*Galaxy S9+*/
/*Galaxy S8+*/
/*Galaxy Note 9*/
/*Galaxy Note 8*/
/*412x718*/
@media screen and (max-width: 413px)and (max-height:719px) {}

/*Pixel 3 XL*/
/*412x693*/
@media screen and (max-width: 413px)and (max-height:694px) {}

/*Pixel 2*/
/*Pixel*/
/*Pixel XL*/
/*Nexus 6P*/
/*412x604*/
@media screen and (max-width: 413px)and (max-height:605px) {
	.title {
		font-size: 3vh;
	}

	.info {
		font-size: 2.5vh;
		margin: 8vh 0;
	}

	.button {
		padding: 1vh 0;
	}

}

/*Pixel 3*/
/*393 x 658*/
@media screen and (max-width: 394px)and (max-height:659px) {}

/*PC*/
/*375*/
@media screen and (max-width: 376px)and (max-height:813px) {
	.title {
		font-size: 3vh;
	}

	.info {
		font-size: 16px;
		margin: 7vh 0;
	}

	.button {
		padding: 1vh 0;
		font-size: 3vh;
	}

	.footer {
		font-size: 11px;
	}
}

/*iPhone XS*/
/*iPhone X*/
/*375x635*/
@media screen and (max-width: 376px)and (max-height:636px) {}

/*iPhone 7*/
/*375x559*/
@media screen and (max-width: 376px)and (max-height:560px) {}

/*iPhone 8*/
/*iPhone 6S*/
/*375x553*/
@media screen and (max-width: 376px)and (max-height:554px) {
	.title {
		font-size: 4vh;
	}
}


/*Galaxy S10e*/
/*360 x 617*/
@media screen and (max-width: 361px)and (max-height:618px) {
	.title {
		font-size: 4vh;
	}
}

/*Galaxy S9*/
/*Galaxy S8*/
/*360x612*/
@media screen and (max-width: 361px)and (max-height:613px) {}

/*Galaxy S7*/
/*360x560*/
@media screen and (max-width: 361px)and (max-height:561px) {
	.info {
		font-size: 2.5vh;
		margin: 7vh 0;
	}

	.button {
		padding: 1.5vh 0;
	}
}

/*Galaxy S6*/
/*Galaxy S5*/
/*Galaxy Note4*/
/*Galaxy Note3*/
/*360x559*/
@media screen and (max-width: 361px)and (max-height:560px) {}

/*LG G5*/
/*360x518*/
@media screen and (max-width: 361px)and (max-height:519px) {
	.info {
		font-size: 3vh;
	}
}

/*MotoX 2nd*/
/*360x512*/
@media screen and (max-width: 361px)and (max-height:513px) {}

/*Xperia Z5*/
/*360x511*/
@media screen and (max-width: 361px)and (max-height:512px) {}

/*PC*/
/*320*/
@media screen and (max-width: 321px) {}

/*iPhone 5S*/
/*320x460*/
@media screen and (max-width: 321px)and (max-height:461px) {}

/*iPhone SE*/
/*320x454*/
@media screen and (max-width: 321px)and (max-height:455px) {
	.main {
		margin-top: 5vh;
	}
}

/*iPhone 4S*/
/*320x356*/
@media screen and (max-width: 321px)and (max-height:357px) {}

/*iPhone 4S*/
/*320x334*/
@media screen and (max-width: 321px)and (max-height:335px) {}


.main__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full height for centering vertically */
}

.main {
    text-align: center;
}
.button {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #3498db;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	width: 180px;
}

.button .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background-color: white;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		width: 0;
		height: 0;
		opacity: 1;
	}

	70% {
		width: 100px;
		height: 100px;
		opacity: 0;
	}

	100% {
		width: 100px;
		height: 100px;
		opacity: 0;
	}
}