* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before , blockquote:after , q:before , q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html , body { margin: 0; padding: 0; width: 100%; height: 100%; border: 0; font-size: 100%; vertical-align: baseline; }

body { background: #1D2333; font-family: 'Montserrat', sans-serif; color: #fff; line-height: 1.3; -webkit-font-smoothing: antialiased; }

img { max-width: 100%; }

.pg-canvas { opacity: .5; }

#particles { position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: -1; }

.wrap { position: relative; padding: 50px 0 160px; background: url(/images/img-kid.png) no-repeat calc(100% + 170px) calc(100% + 150px); z-index: 2; }

#contracts { padding: 30px; }
#contracts .title span { font-size: 25px; }

/* form */
form , .butLink { position: relative; margin: 0 auto; width: 960px; background: rgba(22, 22, 24, 0.71); z-index: 2; }
form fieldset p { margin: 10px 0; }
form fieldset p label { margin: 10px 0; display: inline-block; }
form fieldset input ,
form fieldset select ,
#send input { padding: 5px; width: 100%; height: 35px; border: 1px solid #C0C0C0; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px; }
#send { margin-top: 20px; text-align: right; }
#send input { margin: -4px 0 0 10px; padding: 7px 0; width: 90px; height: 45px; background: #d41815; background: -moz-linear-gradient(top,  #2B8271 0%, #1F7766 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B8271), color-stop(100%,#1F7766)); background: -webkit-linear-gradient(top,  #2B8271 0%,#1F7766 100%); background: -o-linear-gradient(top,  #2B8271 0%,#1F7766 100%); background: -ms-linear-gradient(top,  #2B8271 0%,#1F7766 100%); background: linear-gradient(to bottom, #2B8271 0%,#1F7766 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41815', endColorstr='#ae0200',GradientType=0 ); display: inline-block; border-radius: 3px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; line-height: 32px; text-align: center; font-size: 16px; color: #FFF; }

/* butLink */
.butLink { margin: 10px auto; background: none; }
.butLink ul { overflow: hidden; }
.butLink ul li { float: left; margin: 10px; width: calc((100% / 3) - 20px); }
.butLink ul li img { max-width: 100%; }

/* pay2TopBar */
#pay2TopBar { margin: 0 auto 10px; width: 960px; }
#pay2TopBar p { display: inline-block; vertical-align: middle; }
#pay2TopBar h2 { width: calc(100% - 410px); display: inline-block; vertical-align: middle; text-align: right; font-size: 30px; }
#pay2TopBar h2 b { display: block; font-size: 14px; }


@media only screen and (max-width: 1000px) {
	h1 { font-size: 70px; }
	form , .butLink , #pay2TopBar { width: 90%; }
}
@media only screen and (max-width: 800px) {
	h1 { font-size: 48px; }
	h1::after { height: 8px; }
	.butLink ul li { width: calc((100% / 2) - 20px); }
}
@media only screen and (max-width: 680px) {
	#pay2TopBar p { width: 300px; }
	#pay2TopBar h2 { width: calc(100% - 310px); font-size: 25px; }
	#pay2TopBar h2 b { font-size: 12px; }
}
@media only screen and (max-width: 568px) {
	.intro { padding: 0 10px; }
	h1 { font-size: 30px; }
	h1::after { height: 6px; }
	p { font-size: 18px; }
	.btn { font-size: 16px; }
}
@media only screen and (max-width: 480px) {
	#pay2TopBar p { width: 95%; display: block; }
	#pay2TopBar h2 { margin-top: 10px; width: 100%; display: block; text-align: left; font-size: 20px; }
	#pay2TopBar h2 font , #pay2TopBar h2 b { display: inline-block; vertical-align: baseline; }
	#pay2TopBar h2 b { margin-left: 10px; }
	.butLink ul li { width: calc(100% - 20px); text-align: center; }
}
@media only screen and (max-width: 320px) {
	h1 { font-size: 28px; }
	h1::after { height: 4px; }
}