﻿@font-face { font-family: "GT-Walsheim-Bold-Oblique"; src: url("../../content/fonts/GT-Walsheim-Bold-Oblique.eot"); src: url("../../content/fonts/GT-Walsheim-Bold-Oblique.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/GT-Walsheim-Bold-Oblique.woff") format("woff"); }
@font-face { font-family: "GT-Walsheim-Bold"; src: url("../../content/fonts/GT-Walsheim-Bold.eot"); src: url("../../content/fonts/GT-Walsheim-Bold.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/GT-Walsheim-Bold.woff") format("woff"); }
@font-face { font-family: "GT-Walsheim-Regular-Oblique"; src: url("../../content/fonts/GT-Walsheim-Regular-Oblique.eot"); src: url("../../content/fonts/GT-Walsheim-Regular-Oblique.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/GT-Walsheim-Regular-Oblique.woff") format("woff"); }
@font-face { font-family: "GT-Walsheim-Regular"; src: url("../../content/fonts/GT-Walsheim-Regular.eot"); src: url("../../content/fonts/GT-Walsheim-Regular.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/GT-Walsheim-Regular.woff") format("woff"); }

body { margin: 0; padding: 0; font-family: "GT-Walsheim-Regular"; font-size: 16px; }
.header { height: 725px; background-color: #F0E9D1; background-image: url(../../content/images/orange-bg.png); background-position: center bottom; background-repeat: no-repeat; }
.header ul { margin: 457px auto 0 auto; width: 378px; }
.header ul li { display: inline-block; float: left; padding: 0; }
.header ul li:first-child { padding-right: 25px; }

h2 { font-size: 16px; font-family: "GT-Walsheim-Bold"; font-weight: normal; }

ul { list-style-type: none; }

.contents { background-color: #91BBAB; padding-bottom: 50px; }
.contents > p { width: 960px; margin: 0 auto; text-align: center; color: #fff; padding: 50px 0; font-size: 24px; font-family: "GT-Walsheim-Regular"; }
.contents > p a { color: #CD4A21; }
.contents ul { width: 960px; margin: 0 auto; padding: 0; }
.contents ul li { width: 260px; float: left; padding: 0; margin: 0; color: #0F2936; text-align: center; }
.contents ul li.middle { margin: 0 89px; }

.contents ul li p { font-size: 15px; font-family: "GT-Walsheim-Regular"; line-height: 150%; }
h3 { font-size: 18px; font-family: "GT-Walsheim-Bold"; font-weight: normal; }

.videos h3 { margin-top: 5px; }

.play { width: 257px; height: 178px; border: 2px solid #7B9F92; background-position: center center; background-image: url(../../content/images/play-icon.png); background-repeat: no-repeat; display: inline-block; }
.play a  { width: 257px; height: 178px; background-position: center center; background-image: url(../../content/images/play-icon.png); background-repeat: no-repeat; display: inline-block; }

.footer { background-color: #91BBAB; }
.footer ul { width: 960px; margin: 0 auto; padding: 0; border-top: 1px solid #C8DDD5; }
.footer ul li { margin: 22px 10px 34px 0; border-right: 1px solid #C8DDD5; float: left; padding: 0 15px 0 5px; }
.footer ul li:first-child { padding-left: 0; }
.footer ul li:last-child { border-right: none; }
.footer ul li a { color: #0F2936; font-size: 16px; font-family: "GT-Walsheim-Regular"; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.google-play { background-image: url(../../content/images/app-icons.png); width: 169px; height: 55px; display: inline-block; background-position: left top; }
.app-store { background-image: url(../../content/images/app-icons.png); width: 169px; height: 55px; display: inline-block; background-position: right top; }

.clearfix { clear: both; }

.popup-overlay { background-color: #000; opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
.popup { background-color: #F0E9D1; border-radius: 8px; width: 794px; padding: 40px; height: 700px; position: fixed; top: 100px; z-index: 1001; display: none; }
.popup h2 { border-bottom: solid 1px #000; font-size: 30px; font-family: "GT-Walsheim-Bold"; font-weight: normal; }

.scroll-wrapper
{
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	width: 100%;
	height: 610px;
}

.popup .scroll-wrapper iframe { border: 0; width: 100%; height: 100%; }
