::selection {
	background: #886ae2;
	color: #fff
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-font-smoothing: antialiased
}

*,:before,:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

html,body {
  font-family: 'Open Sans', sans-serif, tahoma;
	font-weight: 500;
  margin: 0;
  padding: 0;
  direction: ltr;
  font-size: 16px;
  line-height: 30px;
	background: #e3ebf4;
  color: #415a86;
}

a {
	text-decoration: none;
	color: #4956af;
	transition: .2s;
}

input, button, textarea, select {
	font-size: 14px;
	border: none;
	background: transparent;
}

input, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	display: block;
}

img { max-width: 100%; vertical-align: middle; }
ul { margin: 10px 0 10px 30px; }

.wrapper { width: 1020px; margin: 0 auto; }

.width25 { float: right; width: 25%; }
.width33 { float: right; width: 33.333%; }
.width40 { float: right; width: 40%; }
.width50 { float: right; width: 50%; }
.width60 { float: right; width: 60%; }
.width66 { float: right; width: 66.666%; }

.clear { clear: both; }
.taleft { text-align: left; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
.ltr { direction: ltr; }
.rtl { direction: rtl; }
.dn { display: none; }
.oh { overflow: hidden; }
.valign { vertical-align: middle; }
.section-padding { padding: 50px 0; }
.padding-right { padding-right: 30px; }
.padding-left { padding-left: 30px; }

.head { background: #eef3f9; color: #415a86; text-align: center; position: relative; }
.head .wrapper { position: relative; padding: 110px 0; }
.head h1 img { margin-right: 18px; }
.head h1 { font-size: 48px; }
.head h1 a { color: #415a86; }
.head h2 { font-size: 26px; margin-top: 44px; }
.ball { border-radius: 50%; position: absolute; }
.ball-1 { width: 10px; height: 10px; background: rgb(99 118 241 / 32%); top: 140px; right: 50%; margin-right: -350px; }
.ball-2 { width: 13px; height: 13px; background: rgb(2 183 255 / 20%); bottom: 140px; left: 50%; margin-left: -350px; }
.ball-3 { width: 8px; height: 8px; background: rgb(0 50 71 / 20%); top: 100px; left: 50%; margin-left: -220px; }
.ball-4 { width: 8px; height: 8px; background: rgb(255 165 2 / 20%); bottom: 130px; right: 50%; margin-right: -220px; }

.head.other .wrapper { padding: 20px 0; text-align: left; }
.head.other h1 { font-size: 22px; }
.head.other h1 img { width: 50px; height: 50px; }
.head.other h2 { font-size: 14px; margin-top: 8px; }
.head.other .headline { float: left; }
.head.other .ball { display: none }

.other-page { padding: 30px 0; background: #FFF; }
.other-page .wrapper { position: relative; }
.other-page h3 { font-size: 21px; font-weight: bold; margin-bottom: 10px; }
.other-page p { font-weight: 400; }

.other-page .phones { text-align: center; }
.other-page .phones img { margin: 0 2px; display: inline-block; background: #eef3f9; padding: 6px; }

.download-btn {
	padding: 16px 35px;
  margin: 50px 0 40px;
  text-align: center;
  border-radius: 500px;
  display: inline-block;
  background: #67f0ae;
	font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff !important;
  border: 1px solid #67f0ae;
  -webkit-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 0%);
  box-shadow: 0 15px 30px 0 rgb(0 0 0 / 9%);
}

.download-btn:hover {
    background: transparent;
    color: #67f0ae !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-animation: pulseWhite 1s 1 ease-in-out forwards;
    animation: pulseWhite 1s 1 ease-in-out forwards;
}

.head .download-btn {
	position: absolute;
	right: 0;
	top: 27px;
	margin: 0;
	display: none;
}
.head.other .download-btn { display: block; }

.footer { background: #e3ebf4; padding: 40px 0; border-top: 1px solid #ebedef; font-size: 14px; text-align: center; }

@media screen and (max-width:767px) {
	.wrapper { width: 90% }
	.ball { display: none; }
	.head .wrapper { padding: 90px 0; }
	.head h2 { line-height: 36px; font-size: 20px; }
	.head h3 { font-size: 13px; margin-top: 10px; }

	.footer { padding: 20px 0; }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.wrapper {
		width: 96%
	}
}