@import url('fonts/fonts.css');

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #000;
    background: #fff;
    min-width: 990px;
}

.clearfix { *zoom: 1; }
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 990px; margin: 0 auto; position: relative;}

.header { height: 60px; padding-top: 10px; background: #fff; position: fixed; top: 0; left: 0; width: 100%; border-top: 4px solid #f56924; z-index: 200;}
.header { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);   }

.logo { width: 160px; font-size: 0; line-height: 0; float: left; display: inline; padding-left: 60px;}
.logo a { background: url(images/logo_v-1.png) no-repeat 0 0; height: 48px; display: block; text-indent: -4000px; }

.u-logo { margin-top: 6px; float: right; display: inline; width: 147px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo2.png) no-repeat 0 0; margin-right: 72px;}

.ico-arrow { position: absolute; bottom: -44px; left: 60px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/nav-arrow.png) no-repeat 0 0; width: 60px; height: 32px; }

.main-head { margin-top: 74px; padding-top: 110px; min-height: 413px; position: relative; z-index: 100;}
.main-head .shell { min-height: 413px; }

.main-head-image { position: absolute; bottom: 0; left: -47px; z-index: 1;}

.main-head-entry { width: 420px; padding: 0 10px; margin: 0 0 0 auto; z-index: 10; position: relative; }
.main-head-entry h3 { font-size: 24px; line-height: 24px; font-weight: normal; font-family: 'gotham_htfbold', arial, sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); letter-spacing: -1px;}
.main-head-entry h2 { font-size: 44px; line-height: 48px; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); letter-spacing: -2px; margin-top: -5px;}
.main-head-entry h2 { font-family: 'gotham_htfbold', arial, sans-serif; color: #fff; padding-bottom: 14px; }
.main-head-entry .buttons .button + .button { margin-left: 19px; }

.button { height: 35px; background: url(images/button.png) repeat-x 0 0; color: #fff; width: 174px; display: inline-block; zoom: 1; *display: inline; padding-top: 17px;}
.button { font-size: 18px; line-height: 18px; font-family: 'gotham_htfmedium', arial, sans-serif; border-radius: 3px; text-shadow: 0 2px 0px rgba(255,255,255,0.2); text-align: center;}
.button { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);  }
.button small { font-size: 14px; }
.button:hover { text-decoration: none; background: #ff9255;}

.main-bottom { text-align: center; padding: 45px 0;}
.main-bottom h2 { font-size: 44px; line-height: 48px; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); letter-spacing: -2px; margin-top: -5px;}
.main-bottom h2 { font-family: 'gotham_htfbold', arial, sans-serif; color: #fff; padding-bottom: 14px; padding-bottom: 32px;}

.main { background: #fff; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); position: relative; z-index: 100;}

.entry + .entry { border-top: 2px solid #818181; }

.entry { margin: 0px 55px; padding: 41px 0;}
.entry h2 { text-align: center; font-size: 30px; line-height: 36px; font-weight: normal; color: #282828; font-family: 'gotham_htfbook', arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px;}
.entry h3 { text-align: center; font-size: 18px; line-height: 24px; font-weight: normal; font-family: 'gotham_htfbook', arial, sans-serif; color: #2d2d2d; padding-bottom: 9px;}
.entry h4 { text-align: center; font-size: 16px; line-height: 23px;color: #6592ba; font-weight: normal; font-family: 'gotham_htfmedium', arial, sans-serif; padding-bottom: 35px;}
.entry h5 { text-align: center; font-size: 14px; color: #000; font-weight: normal; font-family: 'gotham_htfbook', arial, sans-serif; padding-bottom: 40px; padding-top: 5px;}

.entry-content { width: 309px; float: left; display: inline; padding-left: 30px;}
.entry-content ul { list-style: none; }
.entry-content ul li { text-align: center; padding-bottom: 19px; padding-top: 54px;}
.entry-content ul li img { padding-bottom: 14px; }
.entry-content ul li p { font-size: 14px; padding-bottom: 5px; font-family: 'gotham_htfmedium', arial, sans-serif; color: #6592ba;}
.entry-content ul li a { color: #6592ba; }

.entry-image { float: right; display: inline; width: 541px;}

.packs { padding-bottom: 15px; }
.packs ul { list-style: none; text-align: center;}
.packs ul li { display: inline-block; zoom: 1; *display: inline; padding: 0 20px 20px;}

.pack-image { padding-bottom: 2px; }

.pack p { color: #2d2d2d; font-size: 12px; font-family: 'gotham_htfbold', arial, sans-serif; }
.pack p.a { font-size: 14px; color: #6592ba; font-family: 'gotham_htfmedium', arial, sans-serif;}

.footer { background: #fff; text-align: center; padding: 35px 0 15px; }
.footer p { font-size: 18px; font-family: 'gotham_htfbook', arial, sans-serif; padding-bottom: 13px;}
.footer .buttons { font-size: 0; line-height: 0; padding-top: 20px;}

.app-button { display: inline-block; zoom: 1; *display: inline; font-size: 0; line-height: 0; text-indent: -4000px; height: 58px; margin: 0 2px 20px; }
.app-button-play { background: url(images/app-button1.jpg) no-repeat 0 0; width: 172px; }
.app-button-store { background: url(images/app-button2.jpg) no-repeat 0 0; width: 167px; }

@media (max-width: 989px) {
	body { min-width: 0; }
	.shell { padding: 0 20px; width: auto;}
	.logo { padding-left: 42px; }
	.u-logo { margin-right: 40px; }

	.main-head { min-height: 250px; padding-top: 50px; }
	.main-head .shell  { min-height: 250px; }

	.main-head-image { display: none; }

	.main-head-entry { margin: 0 auto; width: auto; text-align: center; }
	.main-head-entry h2 { padding-bottom: 28px; }
	.main-head-entry h3 { padding-bottom: 15px; }

	.entry { margin: 0; }

	.entry-head { padding: 0 50px; }

	.entry-content { padding-left: 25px; width: 250px; }

	.entry-image { width: 450px; padding-top: 40px; }
	.entry-image img { width: 100%; height: auto; }

	.footer p { padding-left: 30px; padding-right: 30px; }
	.footer p br { display: none; }
}

@media (max-width: 767px) {
	.entry-image { display: none; }

	.entry-content { width: auto; float: none; display: block; padding-left: 0;}
	.entry-content ul li { padding-top: 20px; }

	.entry-head { padding: 0 40px; }
}

@media (max-width: 570px) {
	.logo { padding-left: 0; }

	.u-logo { margin-right: 0; }
	.ico-arrow { left: 20px; }

	.entry-head { padding: 0 30px; }

	.main-head { min-height: 275px; padding-top: 30px; }
	.main-head .shell  { min-height: 275px; }

	.main-head-entry { padding: 0; }
	.main-head-entry h2 { font-size: 32px; line-height: 36px;}
	.main-head-entry h3 { font-size: 18px; line-height: 24px; }
	.main-head-entry .buttons .button + .button,
	.main-head-entry .buttons .button { display: block; margin: 0 auto 10px; }

	.footer p { padding-left: 0; padding-right: 0; }
	.packs ul li { padding-left: 0; padding-right: 0; }
}

@media (max-width: 460px) {
	.footer p img { width: 100%; height: auto; }

	.entry-head { padding: 0; }
	.entry-head h5 { text-align: justify; }

	.entry { padding: 20px 0; }
	.entry h2 { font-size: 24px; line-height: 28px; padding-bottom: 15px; }

	.main-head-entry h2,
	.main-bottom h2 { font-size: 28px; line-height: 32px; letter-spacing: 0;}

	.u-logo { width: 34px; background: url(images/mobile-logo.png) no-repeat 0 0; }
}