/* Fonts */
 @font-face {
	 font-family: 'Bebas Neue';
	 src: url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueRegular.eot');
	 src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueRegular.woff') format('woff'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueRegular.ttf') format('truetype');
	 font-weight: normal;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Bebas Neue';
	 src: url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBold.eot');
	 src: local('Bebas Neue Bold'), local('BebasNeueBold'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBold.woff') format('woff'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBold.ttf') format('truetype');
	 font-weight: bold;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Bebas Neue';
	 src: url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueLight.eot');
	 src: local('Bebas Neue Light'), local('BebasNeueLight'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueLight.woff') format('woff'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueLight.ttf') format('truetype');
	 font-weight: 300;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Bebas Neue';
	 src: url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeue-Thin.eot');
	 src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeue-Thin.woff') format('woff'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeue-Thin.ttf') format('truetype');
	 font-weight: 100;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Bebas Neue Book';
	 src: url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBook.eot');
	 src: local('Bebas Neue Book'), local('BebasNeueBook'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBook.woff') format('woff'), url('https://storage.yandexcloud.net/pay2me/fonts/BebasNeueBook.ttf') format('truetype');
	 font-weight: normal;
	 font-style: normal;
}
 @font-face {
	 font-family: "Open Sans";
	 src: url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.eot");
	/* IE9 Compat Modes */
	 src: url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.eot?#iefix") format("embedded-opentype"), 
	/* IE6-IE8 */
	 url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.otf") format("opentype"), 
	/* Open Type Font */
	 url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.svg") format("svg"), 
	/* Legacy iOS */
	 url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.ttf") format("truetype"), 
	/* Safari, Android, iOS */
	 url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.woff") format("woff"), 
	/* Modern Browsers */
	 url("https://storage.yandexcloud.net/pay2me/fonts/open-sans.woff2") format("woff2");
	/* Modern Browsers */
	 font-weight: normal;
	 font-style: normal;
}
 .modal {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 padding: 40px;
	 max-width: 600px;
	 max-height: 440px;
	 background: #FFFFFF;
	 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	 border-radius: 30px;
}
 .icon {
	 text-align:center;
	 margin-bottom: 40px;
}
 .result {
	 font-family: 'Bebas Neue';
	 font-style: normal;
	 font-weight: 700;
	 font-size: 40px;
	 text-align:center;
	 color: #363636;
	 line-height: 50px;
	 margin-top: 50px;
	 letter-spacing: 0.02em;
}
 .thankyou {
	 font-family: 'Open Sans';
	 font-style: normal;
	 font-weight: 600;
	 font-size: 18px;
	 line-height: 24px;
	 text-align: center;
	 padding: 10px;
	 color: #363636;
}
 .button {
	 font-family: 'Open Sans';
	 font-style: normal;
	 font-weight: 700;
	 font-size: 16px;
	 display: block;
	 margin: 40px 0px;
	 text-align: center;
	 color: #744CED;
	 text-decoration: none;
	 text-transform: uppercase;
	 border-radius: 10px;
	  
	 padding: 18px;
	 border: 1px solid;
     border-color: linear-gradient(70.2deg, #744CEC 0%, #C24CED 100%);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
 .button:hover {
	 color: #fff;
	 background: linear-gradient(70.2deg, #744CEC 0%, #C24CED 100%);
}
 .modalfooter {
	 font-family: 'Open Sans';
	 font-style: normal;
	 font-weight: 300;
	 font-size: 18px;
	 color: #575757;
}
 .ordernumber {
	 float:left 
}
 .copyright {
	 float:right;
}
 @media (max-width: 767px) {
	 .modal {
		 height: 450px;
		 width:70%;
	}
	 .icon {
		 margin-bottom: 30px;
	}
	 .result {
		 font-size: 30px;
		 line-height: 120%;
		 margin-top: 0px;
	}
	 .button {
		 margin: 25px 0px;
	}
	 .thankyou {
		 font-size: 16px;
	}
	 .modalfooter {
		 text-align: center;
		 line-height: 34px;
	}
	 .ordernumber {
		 float:none;
	}
	 .copyright {
		 float:none;
	}
}
 @media (max-width: 320px) {
 	
	 .icon {
		 margin-bottom: 20px;
	}

 .result {
	 font-size: 25px;
	 line-height: 120%;
	 margin-top: 0px;
}
 .button {
	 margin: 15px 0px;
	 font-size: 14px;
}
 .thankyou {
	 font-size: 14px;
	 line-height: 120%;
}
 .modalfooter {
	 font-size: 16px;
	 text-align: center;
	 line-height: 24px;
}
 .ordernumber {
	 float:none;
}
 .copyright {
	 float:none;
}}