html {
height:100%
}

body {
height:100%
}

.wrapper-for-footer {
min-height:calc(100vh - 450px)
}

footer {
min-height:450px
}

footer ul {
list-style-type:none;
margin:0;
padding:0;
display:block
}

footer li a {
font-size:.8em
}

footer a {
font-size:.875em;
letter-spacing:.05em;
line-height:120%;
color:#ccc
}

footer a:hover {
color:#fff
}

footer img {
opacity:.8
}

footer img:hover {
opacity:1;
text-decoration:none
}

h1,h2,h3,h4,h5,h6 {
color:#111;
font-weight:400;
line-height:140%;
letter-spacing:.03em;
padding:.25em 0;
margin:10px 0
}

h1 {
font-size:3.25em;
line-height:120%
}

h2 {
font-size:2.5em
}

h3 {
font-size:1.875em
}

h4 {
font-size:1.5em;
font-weight:400;
letter-spacing:.01em;
padding:0 0 .25em
}

h5 {
font-size:.875em;
font-weight:500;
letter-spacing:.05em;
line-height:120%
}

h6 {
font-size:.875em;
font-weight:400;
letter-spacing:.05em;
line-height:120%
}

p {
font-size:1.2em;
font-weight:400;
line-height:150%;
padding:.25em 0
}

.affix {
top:0;
width:100%;
background-color:#fff;
box-shadow:0 0 8px 0 rgba(0,0,0,0.3);
color:#555
}

.light {
color:#fff
}

.dark {
color:#111
}

.blue {
color:#67a5cd
}

.blue-bg {
background-color:#6fb3d8
}

.green-bg {
background-color:#72b5b2
}

.gray-bg {
background-color:#efefef
}

.tan-bg {
background-color:#F6F3EE
}

.thin {
font-weight:300
}

.normal {
font-weight:400
}

.semi-bold {
font-weight:500
}

.bold {
font-weight:700
}

#sidemenu {
position:fixed;
right:-220px;
top:0;
width:210px;
height:100%;
background-color:#474747;
z-index:9999;
overflow:auto
}

.circle {
width:38px;
height:38px;
background:#18bb98;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
text-align:center;
padding:7px 0
}

.circle:hover {
background:#15a586
}

.bgimg {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
z-index:-100
}

.bgvid {
position:absolute;
top:0;
left:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
opacity:.4;
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-o-filter:blur(2px);
-ms-filter:blur(2px);
filter:blur(2px)
}

video#bgvid {
position:absolute;
top:30%;
left:50%;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
-ms-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
background:url(../images_2016/hero-image-1.jpg) no-repeat;
background-size:cover;
opacity:.4;
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-o-filter:blur(2px);
-ms-filter:blur(2px);
filter:blur(2px)
}

.navbar-default .navbar-toggle {
border-color:#18bb98
}

.navbar-toggle {
background-color:#18bb98;
border-radius:2px;
color:#fff;
padding:10px 12px;
margin-right:0
}

.ipad {
background-image:url(../images_2016/ipad.svg);
background-size:720px 528px;
background-repeat:no-repeat;
background-position:50% 0;
height:528px;
width:720px;
margin:0 auto;
position:relative
}

.all-devices {
background-image:url(../images_2016/all-devices-1.svg);
background-size:1200px 580px;
background-repeat:no-repeat;
height:580px;
width:1200px;
margin:0;
position:relative
}

.button1 {
background:url(../images_2016/button1.svg) no-repeat;
position:relative;
background-size:100%;
width:55px;
height:55px;
left:-20px;
top:50px;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
border-radius:50%;
cursor:pointer;
z-index:1
}

.button1:hover {
background:url(../images_2016/button1-hover.svg) no-repeat;
position:relative;
background-size:100%;
width:55px;
height:55px;
left:-20px;
top:50px;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
border-radius:50%;
cursor:pointer;
z-index:1
}

.button2 {
background:url(../images_2016/button2.svg) no-repeat;
position:relative;
background-size:100%;
width:55px;
height:55px;
float:right;
right:-20px;
top:350px;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
border-radius:50%;
cursor:pointer;
z-index:1
}

.button2:hover {
background:url(../images_2016/button2-hover.svg) no-repeat;
position:relative;
background-size:100%;
width:55px;
height:55px;
float:right;
right:-20px;
top:350px;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
border-radius:50%;
cursor:pointer;
z-index:1
}

.play-button {
position:relative;
top:35%;
opacity:.75
}

.play-button:hover {
position:relative;
top:35%;
opacity:.95
}

.sub-nav-button {
opacity:1
}

.sub-nav-button:hover {
opacity:.8
}

.bgimg-1 {
background:url(../images_2016/hero-image-1.jpg) center center / cover no-repeat;
opacity:.4;
position:absolute;
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-o-filter:blur(2px);
-ms-filter:blur(2px);
filter:blur(2px);
top:0;
left:0;
min-width:100%;
height:800px;
z-index:-100
}

.sub-menu {
padding:30px 0 6px;
text-align:center
}

.hero-padding {
padding:25px 0
}

.hero-padding-2 {
padding:40px 0 10px
}

.hero-padding-3 {
padding:150px 0 40px
}

.border-line {
border-bottom:1px solid #ddd
}

.bottom-padding {
padding-bottom:60px
}

@media (min-width: 1440px) {
.container {
width:1280px
}
}

@media screen and (max-width : 991px) {
#text-center {
text-align:center
}

.logo {
background-size:127px 36px;
top:-9px;
z-index:9999;
margin-left:15px
}

.sub-menu {
padding:20px 0 6px;
text-align:center
}

.hero-padding {
padding:10px 0 35px
}

.hero-padding-2 {
padding:20px 0 10px
}

.hero-padding-3 {
padding:100px 0 20px
}

.bottom-padding {
padding-bottom:40px
}
}

.form-horizontal label {
text-align:right
}

@media screen and (max-width : 767px) {
h1 {
font-size:2.75em;
line-height:120%;
padding:.01em 0
}

h2 {
font-size:2.25em;
line-height:120%;
padding:.01em 0
}

h3 {
font-size:1.75em;
line-height:120%;
padding:.01em 0
}

#footer-section {
text-align:center
}

footer li a {
text-align:center
}

.sub-menu {
padding:20px 0 6px;
text-align:center
}

.hero-padding {
padding:10px 0 35px
}

.hero-padding-2 {
padding:20px 0 10px
}

.hero-padding-3 {
padding:100px 0 20px
}

.bottom-padding {
padding-bottom:20px
}

.form-horizontal label {
text-align:left
}
}

.form-group.required label:after {
content:" *";
color:red
}

.dark-well {
background-color:#2e404e;
background-color:rgba(46,64,78,0.8);
padding:8px 20px
}

.light-well {
background-color:#f5f5f5;
padding:18px
}

.header-content {
margin:0 auto;
max-width:960px;
text-align:center
}

.bottom-bar {
background-color:#F6F3EE
}

.bottom-bar-content {
margin:0 auto;
max-width:960px;
padding:40px 0;
text-align:center
}