.main-sec-content {position: absolute; z-index: 1; top: 40%; width: 100%; height: auto; text-align: center; padding: 0 60px; box-sizing: border-box; -moz-box-sizing: border-box;}.background-video {position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; padding: 0;}.background-video video {background-color: #4A4A4A; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); min-height: 100%; min-width: 100%; -webkit-transition: opacity 1s 0.3s; -webkit-transition-delay: linear; -moz-transition: opacity 1s 0.3s linear; -o-transition: opacity 1s 0.3s linear; transition: opacity 1s 0.3s linear;}.video-overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;}#youtube-video {position: fixed; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; padding: 0; display: none;}#video-wrapper {position: absolute; left: 0; margin: 0; height: 100%; width: 100%; z-index: -1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}.close-video {cursor: pointer; background: url(/static/img/guest/icon_closevideo_2x.png) 0 0 no-repeat; background-size: 50px 100px; height: 50px; width: 50px; position: absolute; z-index: 3; top: 24px; right: 22px;}.close-video:hover {background-position: 0 -50px;}.hd {background-color: #f8f8f8; border-bottom: none;}.hd-nav {background-color: #f8f8f8;}.hd-user-links {display: inline-block;}.ready-fade {-webkit-transition: opacity 0.35s linear; -moz-transition: opacity 0.35s linear; -o-transition: opacity 0.35s linear; transition: opacity 0.35s linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:.0;}div.fade-in {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}.banner-content {padding: 130px 64px 285px; margin: 0 auto; background-size: 1000px 680px; max-width: 1519px; height: auto; position: relative;}.banner-bg {background: url(/static/img/guest/homepage/header.jpg?v=2) no-repeat 520px bottom;}.main-banner-hd {max-width: 500px;}.main-banner-desc {max-width: 545px; margin-bottom: 22px;}.banner-asterisk {position: absolute; left: 64px; bottom: 32px; font-size: 13px; line-height: 18px;}#switch-devices {width: 940px; height: 340px;}.switch-devices {margin: 80px auto 0; background-image: url(/static/img/guest/homepage/devices_xl_2x.png?v=2); background-size: 940px 340px;}#features-section {padding: 205px 0 205px; background-image: url(/static/img/guest/homepage/feature_hero.jpg); background-size: auto 700px;}#features-section > div {margin-left: 20%; max-width: 400px;}#features-section p {margin-top: 20px;}#integrate-section .img-col:first-child img {padding-top: 32px; max-width: 340px; width: 100%; height: auto;}#integrate-section .img-col:nth-child(2) img {max-width: 200px; width: 100%; height: auto;}#integrate-section .img-col:last-child img {padding-top: 58px; max-width: 290px; width: 100%; height: auto;}#control-section .img-col:first-child img {max-width: 260px; width: 100%; height: auto;}#control-section .img-col:nth-child(2) img {max-width: 208px; width: 100%; height: auto;}#control-section .img-col:last-child img {max-width: 244px; width: 100%; height: auto;}#manage-section {padding: 80px 24px 434px; background-image: url(/static/img/guest/homepage/setup_hero.jpg); background-size: auto 700px;}#manage-section p {display: block; max-width: 510px; margin: 0 auto;}.clients-logo {display: inline-block; margin-left: 35px; background: url(/static/img/guest/homepage/customers_2x.png?v=1) no-repeat; background-size: 592px 80px;}.clients-logo:first-child {margin-left: 0; margin-top: 0;}.clients-logo-1 {background-position: 0 0; width: 156px; height: 55px;}.clients-logo-2 {background-position: -317px 0; width: 80px; height: 80px;}.clients-logo-3 {background-position: -157px 0; width: 160px; height: 80px;}.clients-logo-4 {background-position: -397px 0; width: 195px; height: 68px;}#companies-section p {font-family: MarkWeb-Light, helvetica, arial, sans-serif; font-size: 16px;}.quote {max-width: 645px; margin: 30px auto 0; font-style: italic;}.news-links {display: inline-block; margin-left: 45px;}.news-links:first-child {margin-left: 0;}.news-logo {display: inline-block; background: url(/static/img/guest/homepage/news_logos_sprite_2x.png) no-repeat; background-size: 754px 49px;}.forbes {background-position: -74px 0; width: 76px; height: 49px;}.cnbc {background-position: 0 0; width: 67px; height: 49px;}.wsj {background-position: -156px 0; width: 222px; height: 49px;}.tech-crunch {background-position: -381px 0; width: 187px; height: 49px;}.venture-beat {background-position: -574px 0; width: 175px; height: 49px;}@media(-webkit-min-device-pixel-ratio: 1.5),( min--moz-device-pixel-ratio: 1.5),( -o-min-device-pixel-ratio: 3/2),( min-device-pixel-ratio: 1.5) {.banner-content {background: url(/static/img/guest/homepage/header_2x.jpg?v=2) no-repeat 520px center; background-size: 1000px 680px;} #manage-section {background-image: url(/static/img/guest/homepage/setup_hero_2x.jpg);} #features-section {background-image: url(/static/img/guest/homepage/feature_hero_2x.jpg);}}@media (min-width: 1400px) {#manage-section {background-image: url(/static/img/guest/homepage/setup_hero_2x.jpg); background-size: 100% auto;} #features-section {background-image: url(/static/img/guest/homepage/feature_hero_2x.jpg); background-size: 100% auto;}}@media (max-width: 980px) {#switch-devices {width: 768px; height: 278px;} .switch-devices {background-image: url(/static/img/guest/homepage/devices_large_2x.png?v=2); background-size: 768px 278px;} .news-group {max-width: 600px; margin: 0 auto;} .news-links {margin-left: 29px;} .news-links:nth-child(4) {margin-top: 25px; margin-left: 0;}}@media (max-width: 768px) {.banner-content {padding: 20px 24px 525px; text-align: center; background: url(/static/img/guest/homepage/header_tablet.jpg?v=2) no-repeat 0 bottom; background-size: 768px 500px;} .banner-asterisk {position: relative; left: 0; margin-top: 54px;} .main-banner-hd, .main-banner-desc, .banner-asterisk {margin-left: auto; margin-right: auto;} #switch-devices {width: 552px; height: 240px;} .switch-devices {background-image: url(/static/img/guest/homepage/devices_medium_2x.png?v=2); background-size: 552px 240px;} #features-section {background-image: url(/static/img/guest/homepage/feature_hero_tablet.jpg);} #integrate-section .img-col:first-child img, #integrate-section .img-col:last-child img {padding-top: 0;} #manage-section {background-image: url(/static/img/guest/homepage/setup_hero_tablet.jpg);} .clients-section {max-width: 430px; margin: 0 auto;} .clients-logo {margin-bottom: 30px;} .quote {margin-top: 0;} .clients-logo-3 {margin-left: 0;} .weather-channel-logo {margin-left: 0;} @media (-webkit-min-device-pixel-ratio: 1.5), ( min--moz-device-pixel-ratio: 1.5), ( -o-min-device-pixel-ratio: 3/2), ( min-device-pixel-ratio: 1.5) {.banner-content {background: url(/static/img/guest/homepage/header_tablet_2x.jpg?v=2) no-repeat 0 bottom; background-size: 768px 500px;} #features-section {background-image: url(/static/img/guest/homepage/feature_hero_tablet_2x.jpg);} #manage-section {background-image: url(/static/img/guest/homepage/setup_hero_tablet_2x.jpg);}}}@media (max-width: 600px) {body {padding-top: 133px;} .hd {height: 133px;} .hd-nav {background-color: #ffffff;} .hd-user-links {display: none;} .banner-content {padding: 20px 24px 480px; background: url(/static/img/guest/homepage/header_mobile.jpg?v=2) no-repeat 0 bottom; background-size: 600px 400px;} #top-banner .p-btn {padding: 13px 24px;} #switch-devices {width: 276px; height: 120px;} .switch-devices {margin-top: 50px; background-image: url(/static/img/guest/homepage/devices_small_2x.png?v=2); background-size: 276px 120px;} #features-section {padding: 230px 24px 48px; background-image: url(/static/img/guest/homepage/feature_hero_mobile.jpg); text-align: center;} #features-section > div {margin: 0 auto;} #manage-section {padding: 33px 24px 365px;} .clients-section {max-width: 100%; margin: 0 auto;} .clients-logo {display: block; margin: 0 auto 30px;} .clients-logo:first-child {margin-left: auto;} .clients-logo-3 {margin-left: auto;} .weather-channel-logo {margin-left: auto;} .news-links {display: block; margin-left: 0; margin-top: 5px;} .news-links:first-child {margin-top: 0;} .cnbc {margin-top: 10px;} @media (-webkit-min-device-pixel-ratio: 1.5), ( min--moz-device-pixel-ratio: 1.5), ( -o-min-device-pixel-ratio: 3/2), ( min-device-pixel-ratio: 1.5) {.banner-content {background: url(/static/img/guest/homepage/header_mobile_2x.jpg?v=2) no-repeat 0 bottom; background-size: 600px 400px;} #features-section {background-image: url(/static/img/guest/homepage/feature_hero_mobile_2x.jpg);}}}@media (max-width: 420px) {#manage-section {background-image: url(/static/img/guest/homepage/setup_hero_mobile.jpg);} @media (-webkit-min-device-pixel-ratio: 1.5), ( min--moz-device-pixel-ratio: 1.5), ( -o-min-device-pixel-ratio: 3/2), ( min-device-pixel-ratio: 1.5), ( min-width: 1400px) {#manage-section {background-image: url(/static/img/guest/homepage/setup_hero_mobile_2x.jpg);}}}