/* body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }*/
main {
	width: 50%;
/*	height: 100vh;*/
/*	background-image: url(bg.jpg); */
/*	background-size: cover; */
/*	transition: all .2s ease; */
}
main2 {
	width: 50%;
/*	height: 100vh;*/
/*	background-image: url(bg.jpg); */
/*	background-size: cover; */
/*	transition: all .2s ease; */
}
.button {
	width: 280px;
	height: 22px;
	margin: 0 25px;
position: static;
float: left;
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
	border-radius: 3px;
	background-color: #275caf;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	color: fff;
	padding-top: 5px;
	 transition: box-shadow 0.7s ease, color 0.7s ease;
} 
.button:hover {
box-shadow: inset 20em 0 #3498db;
  color: whitesmoke;
}
.button span {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.button2 {
	width: 70px;
	height: 27px;
	margin: 0;
position: static;
/*float: left;*/
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
	border-radius: 3px;
border: 1.5px solid #275caf;
/*	background-color: #275caf; */
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #275caf;
	padding: 5px 15px;
	 transition: box-shadow 1s ease, color 0.7s ease;
} 
.button2:hover {
/* box-shadow: inset 10em 0 #3498db; */
box-shadow: inset 10em 0 #275caf;
  color: whitesmoke;
}
.button2 span {
	line-height: 56px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.button3 {
	width: 70px;
	height: 27px;
	margin: 0;
position: static;
/*float: left;*/
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
	border-radius: 3px;
border: 1.5px solid #a41f80;
/*	background-color: #275caf; */
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #a41f80;
	padding: 5px 15px;
	 transition: box-shadow 1s ease, color 0.7s ease;
} 
.button3:hover {
/* box-shadow: inset 10em 0 #3498db; */
box-shadow: inset 10em 0 #a41f80;
  color: whitesmoke;
}
.button3 span {
	line-height: 56px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
text-transform: uppercase; 
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}
.overlay2 {
	position: absolute;
	width: 100%;
height: 100%;
    overflow: auto;
	top: 130px;
	left: 130px;
	background-color: rgba(0, 0, 0, .2);
	display: none;
}
.popup {
	position: absolute;
	width: 640px;
	left: 20%;
	top: 20%;
	transform: translate(-12%, -20%);
	padding: 40px;
	box-sizing: border-box;
	background-color: #fff;
	color: #000066;
}
.popup2 {
	position: absolute;
	width: 800px;
	left: 30%;
	top: 30%;
	transform: translate(-30%, -30%);
	padding: 40px;
	box-sizing: border-box;
	background-color: #ff5252;
	color: #fff;
	height: 200px;
    overflow: auto;
}
.close-popup {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
.close-popup2 {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
.close-popup:before {
	content: '';
background-color: #fff;
	position: absolute;
	height: 1px;
	width: 31px;
	top: 11px;
	left: -4px;
	transform: rotate(-45deg);
}
.close-popup2:before {
	content: '';
background-color: #fff;
	position: absolute;
	height: 1px;
	width: 31px;
	top: 11px;
	left: -4px;
	transform: rotate(-45deg);
}
.close-popup:after {
	content: '';
	background-color: #fff;
	position: absolute;
	height: 1px;
	width: 31px;
	top: 11px;
	transform: rotate(45deg);
	left: -4px;
}
.close-popup2:after {
	content: '';
	background-color: #fff;
	position: absolute;
	height: 1px;
	width: 31px;
	top: 11px;
	transform: rotate(45deg);
	left: -4px;
}
@media screen and (max-width: 768px) {
	.popup {
		width: 100%;
		height: 100vh;
		font-size: 15px;
	}
}
/* ������ ������ */
/*.payment {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 3px 7px 4px 7px;
  margin: 1px 1px;
  border-radius: 0px;
  background-image: linear-gradient(45deg, #dc3bd6 0%, #f9751c 60%, #dc3bd6 100%);
 background-image: linear-gradient(45deg, #60ebc3 0%, #6651cd 60%, #60ebc3 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: white;
  text-align: center;
  box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
  transition: .5s;       
}
 a.payment {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding:3px 5px;
  margin: 5px 3px;
  border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  background-image: linear-gradient(45deg, #dc3bd6 0%, #f9751c 60%, #dc3bd6 100%);
  background-position: 100% 0;
   background-size: 200% 200%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: white;
 box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
  transition: .5s;       
}
a.payment:hover {
  box-shadow: 0 0 0 0 #002878;
  background-position: 0 0;
}
 a.payment2 {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding:6px 12px;
  margin: 5px 5px;
  border-radius: 0px;
  background-image: linear-gradient(45deg, #60ebc3 0%, #6651cd 60%, #60ebc3 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: white;
  box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
  transition: .5s;       
}
a.payment2:hover {
  box-shadow: 0 0 0 0 #002878;
  background-position: 0 0;
}
.payment2 {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 3px 7px 4px 7px;
  margin: 1px 1px;
  border-radius: 0px;
  background-image: linear-gradient(45deg, #dc3bd6 0%, #f9751c 60%, #dc3bd6 100%);
   <!-- background-image: linear-gradient(45deg, #60ebc3 0%, #6651cd 60%, #60ebc3 100%);-->
  background-position: 100% 0;
  background-size: 200% 200%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: white;
  text-align: center;
  box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
  transition: .5s;       
}
.payment2:hover {
  box-shadow: 0 0 0 0 #002878;
  background-position: 0 0;
} */