html {
  font-family: 'Open Sans', sans-serif;

  font-size: 100%;
  line-height: 1.5em;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;
    }

body {
  margin: 0;

}
body, p, h1, h2, h3, h4, h5, h6, em, ol, ul, li, tr, th, td, dl, img, ins, sub, sup, big, cite, code, form, small, label, table, figure, button, legend, strike, address, caption, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-size: inherit;
	text-align: inherit;
	line-height: inherit;
}
:root {
	--fontFamily: Roboto, Sans-Serif;
	--fontWeight: 300;
	--textTransform: none;
	--textDecoration: none;
	--fontSize: 16px;
	--lineHeight: 1.65;
	--letterSpacing: 0em;
	--buttonFontWeight: 500;
	--buttonFontSize: 15px;
	--has-classic-forms: var(--true);
	--has-modern-forms: var(--false);
	--form-field-initial-background: var(--paletteColor8);
	--form-field-focus-background: var(--paletteColor7);
	--form-field-height: 50px;
	--form-field-border-radius: 15px;
	--form-field-border-initial-color: rgba(0, 0, 0, 0.14);
	--form-field-border-focus-color: var(--paletteColor1);
	--form-field-border-width: 2px;
	--form-selection-control-initial-color: var(--border-color);
	--form-selection-control-accent-color: var(--paletteColor1);
	--paletteColor1: #ffcd05;
	--paletteColor2: #fcb424;
	--paletteColor3: #504e4a;
	--paletteColor4: #0a0500;
	--paletteColor5: #edeff2;
	--paletteColor6: #f9fafb;
	--paletteColor7: #FDFDFD;
	--paletteColor8: #ffffff;
	--color: var(--paletteColor3);
	--linkInitialColor: var(--paletteColor1);
	--linkHoverColor: var(--paletteColor2);
	--selectionTextColor: #ffffff;
	--selectionBackgroundColor: var(--paletteColor1);
	--border-color: var(--paletteColor5);
	--headings-color: var(--paletteColor4);
	--content-spacing: 1.5em;
	--buttonMinHeight: 50px;
	--buttonShadow: none;
	--buttonTransform: none;
	--buttonTextInitialColor: #2f2207;
	--buttonTextHoverColor: #2f2005;
	--buttonInitialColor: var(--paletteColor1);
	--buttonHoverColor: var(--paletteColor2);
	--button-border: none;
	--buttonBorderRadius: 15px;
	--button-padding: 5px 20px;
	--container-max-width: 1290px;
	--content-vertical-spacing: 60px;
	--narrow-container-max-width: 750px;
	--wide-offset: 130px;
}
ul {
	list-style: none;
}
*, ::before, ::after {
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1 {
  font-size: 2.7em;
  line-height: 1.44em;
  margin: 0.48em 0;

}

h2 {
  font-size: 2.1em;
  line-height: 2em;
  margin: 1em 0; }

h3 {
  font-size: 1.7em;
  line-height: 1.28205em;
  margin: 1.28205em 0; }

h4 {
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 1.5em 0; }

h5 {
  font-size: 1.2em;
  line-height: 1.80723em;
  margin: 1.80723em 0; }

h6 {
  font-size: 1em;
  line-height: 2.23881em;
  margin: 2.23881em 0; }
a {
  color:var(--paletteColor1);
}
a:hover {
  color:var(--paletteColor2);
}

.main-page {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10rem;

}

.page-payment-inner-wrapper {
	padding: 3% 0 0 0;

}
.logo-page {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.logo-uwn {
  max-width: 275px;
	height: auto;
}

.payments {
	justify-content: space-between;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

}
.payments-method-wrapper {
 flex-shrink: 1;
 flex: 1;
}
.payments-method-title {
	text-align: center;
	margin: 36px 0 36px 0;

}
.payments-method-logo {
	text-align: center;
	margin-bottom: 45px;
}
.paymens-header {
	text-align: center;
}
.paymets-service-qr.ckassa {
	max-width: 250px;
	margin-bottom: 24px;
}
.qr-code_method-wrapper {
	text-align: center;
}
.mesagepaymentcontainer {
	margin-bottom: 3rem;
	margin-top: 3rem;
  text-align: center;
}
.logo-page {
	text-align: center;
}
.login-container {
  width: 100%;
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
}
.payments-method-title {
	border-bottom: 1px solid #e8e8e8;
}
.paymen-method-wrapper {
	margin-bottom: 100px;
}
#free_web_container {
	width: 80%;
	margin: 0 auto;
  text-align: center;

}
#free_web_container ul {
	font-size: 1.6em;
}

li {
	padding: 10px 0px 0 0;
}
.ct-footer {
	background-color: #fafafa;
  line-height: 1.5em;
}
.footer-logo {
	width: 150px;
	height: auto;
}
.ct-footer > div {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 20px;
	padding-top: 70px;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
}

.ct-footer .footer-area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}


#paymentsfooter p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.ct-container {
	width: 90%;
	margin: 0 auto;
}
.phones-title > h2 {
	margin-top: 0;
	line-height: inherit;
}


@media screen and (min-width:1200px) {
  .main-page {
    max-width: 1920px;
  	width:  1200px;
  }

}
@media screen and (max-width:1200px) {
  .main-page {
    max-width: 1920px;
  	width:  900px;
  }

}
@media only screen and (max-device-width: 480px) {
  .main-page {
  	width: 100%;
  }


  .logo-uwn {
	max-width: 350px;
	height: auto;
}
.ct-footer > div {

	grid-template-columns: initial;

}
.ct-footer {
  line-height: 1.5;
}
.footer-logo {
	width: 250px;
	}
  #text-3 {
	font-size: 1.75rem;
}
.phones-title > h2 {
	margin-top: 0;
	line-height: inherit;
	font-size: 2.75rem;
}
.phones p {
	font-size: 1.75rem;
}
}