/* ------- COLORS ------------*/
/* footer links */
/* footer link headers */
/* ------- FONTS ------------*/
/* ---------- MIXINS ---------*/
* { margin: 0; padding: 0; }

img { border: 0; }

a { text-decoration: none; color: #2698dd; }

a:hover { color: #1c7bb4; }

#iphone-footer, #iphone-copyright, #iphone-examples, #iphone-blue, h1.iphone-examples, .download-cta.iphone, .download-btn-mobile, .mobile-download, .iphone-promo-container { display: none; }

.enable-js { background: #222; color: #fff; padding: 10px; text-align: center; font-size: 14px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; width: auto; display: block; }

.enable-js strong { display: inline-block; font-weight: normal; border-bottom: 1px solid #f00; }

.enable-js .red { color: #f00; }

body { background: #fff; }

body, div, p { font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; }

body.index { background-color: #52ade4; }

body.index .bgtile { display: flex; flex-direction: column; align-items: center; }

body.index .tg-labs-logo { background-image: url("/assets/images/tellagami-labs-logo.png"); background-repeat: no-repeat; background-position: 0px -48px; width: 1440px; height: 800px; }

body.index footer { background: none; text-align: center; font-size: 16px; height: auto; margin: 0; padding: 0; color: #fff; }

body.index footer a { color: #fff; text-decoration: none; padding: 3px 0 0 0; }

body.index footer a:hover { text-decoration: underline; }

body.index footer p.tg-legal { color: #fff; }

body.home .intro p, body.static .intro p { font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.home h1, body.static h1 { margin: 0 0 10px 0; font-weight: normal; font-size: 34px; color: #323232; margin-bottom: 30px; font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.home .device-sunflower, body.static .device-sunflower { background-image: url(/assets/images/home-device_sunflower.png); background-position: 100% 116%; }

body.home .device-goldengate, body.static .device-goldengate { background-image: url(/assets/images/home-device_goldengate.png); background-position: 100% 116%; }

body.home .device-aquarium, body.static .device-aquarium { background-image: url(/assets/images/home-device_aquarium.png); background-position: 100% 116%; }

body.home .device-chinatown, body.static .device-chinatown { background-image: url(/assets/images/home-device_chinatown.png); background-position: 100% 116%; }

body.home .promo-container, body.static .promo-container { width: 800px; margin: 30px auto; }

body.home .promo-container .clear, body.static .promo-container .clear { clear: both; }

body.home .promo-container h1, body.static .promo-container h1 { margin-top: 26px; }

body.home .promo-thumbnail, body.static .promo-thumbnail { float: left; width: 384px; height: 216px; background: url(/assets/images/home-promo-video.png); background-size: cover; }

body.home .promo-thumbnail .play-button, body.static .promo-thumbnail .play-button { margin-top: 57px; margin-left: 141px; }

body.home .promo-copy, body.static .promo-copy { width: 350px; float: left; margin-left: 20px; }

body.home .promo-copy p, body.static .promo-copy p { font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 34px; color: #444; }

body.home header, body.home #header, body.static header, body.static #header { height: 80px; max-height: 80px; }

body.home #header, body.static #header { margin: 0; padding: 0; background: #52ade4; }

body.home .container, body.static .container { width: auto; }

body.home h1, body.static h1 { font-weight: 100; margin: 0 0 30px 0; }

body.home #header .container, body.static #header .container { width: 960px; margin: 0 auto; position: relative; }

body.home #site-logo, body.static #site-logo { width: 261px; height: 66px; background: url(/assets/images/tg-logo-new-x2.png) 0 0 no-repeat; margin: 4px 0 0 50px; float: left; background-size: cover; }

body.home #site-logo a, body.static #site-logo a { width: 250px; height: 63px; text-indent: -9999px; float: left; }

body.home #scene-banner, body.static #scene-banner { height: 390px; background: #bbb; background-size: cover; }

body.home #scene-banner .content, body.static #scene-banner .content { background-repeat: no-repeat; background-repeat: no; background-position: bottom right; height: 290px; }

body.home #character-strip, body.static #character-strip { color: #828282; font-size: 22px; font-weight: 300; width: 100%; height: 180px; margin: 0 auto; text-align: center; line-height: 36px; padding: 50px 0; background: url(/assets/images/home_characters_long.jpg) bottom repeat-x; }

body.home #character-strip p, body.static #character-strip p { width: 600px; margin: 0 auto; }

body.home #get-app, body.static #get-app { width: 1100px; margin: 0 auto; color: #fff; }

body.home #get-app .content, body.static #get-app .content { width: auto; padding: 100px 0 0 140px; line-height: 50px; }

body.home #get-app .content h1, body.static #get-app .content h1 { font-size: 36px; color: #fff; font-family: "SourceSansProBold", Arial, Helvetica, sans-serif; margin: 0; }

body.home #get-app .content p, body.static #get-app .content p { font-size: 26px; font-weight: 100; margin-bottom: 16px; }

body.home .blue-button, body.static .blue-button { display: block; height: 60px; text-align: center; text-transform: uppercase; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #2083be; width: 250px; font-size: 16px; font-weight: bold; border: 0; margin: 10px; background: #51ade3; }

body.home #how-to, body.static #how-to { width: 885px; margin: 50px auto 50px auto; }

body.home .how-step, body.static .how-step { width: 253px; margin: 0 36px 60px 0; float: left; text-align: center; font-size: 16px; line-height: 22px; padding-bottom: 167px; }

body.home .how-step h2, body.static .how-step h2 { font-size: 26px; margin: 30px 0; color: #323232; font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; font-weight: normal; }

body.home .step1, body.static .step1 { background: url(/assets/images/howto-01.png) bottom center no-repeat; margin-left: 30px; }

body.home .step2, body.static .step2 { background: url(/assets/images/howto-02.png) bottom center no-repeat; }

body.home .step3, body.static .step3 { background: url(/assets/images/howto-03.png) bottom center no-repeat; margin: 0; }

body.home #home-content h1, body.static #home-content h1 { text-align: center; }

body.home span.step, body.static span.step { margin: 0 auto; width: 30px; height: 30px; background: #50cec5; padding: 10px; display: block; font-size: 20px; line-height: 34px; font-weight: bold; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

body.home .player-container, body.static .player-container { width: 640px; margin: 0 auto; text-align: center; }

body.home #header, body.static #header { margin: 0; padding: 0; }

body.home #container, body.home .footer-main, body.home #tagline, body.static #container, body.static .footer-main, body.static #tagline { display: none; }

body.home .container, body.static .container { width: auto; }

body.home h1, body.static h1 { font-weight: 100; margin: 0 0 30px 0; }

body.home .server-error h1, body.static .server-error h1 { font-size: 82px; margin: 0; font-weight: normal; }

body.home .fixed, body.home #header .container, body.static .fixed, body.static #header .container { width: 960px; margin: 0 auto; position: relative; }

body.home .static-content, body.static .static-content { width: 850px; margin: 0 auto; position: relative; }

body.home .fixed p, body.static .fixed p { line-height: 32px; font-size: 20px; font-weight: 100; font-family: Helvetica, Arial, sans-serif; }

body.home #tg-videos, body.static #tg-videos { color: #000; clear: left; }

body.home #tg-videos h1, body.static #tg-videos h1 { color: #000; font-size: 34px; margin-left: 60px; }

body.home #tg-videos span, body.static #tg-videos span { color: #000; font-weight: 100; font-family: Helvetica, Arial, sans-serif; display: block; margin: 8px 0 0 0; }

body.home #tg-videos .fixed, body.static #tg-videos .fixed { width: 1015px; position: relative; left: -30px; }

body.home .clear, body.static .clear { clear: left; }

body.home footer, body.static footer { color: #fff; margin: 20px 0 0 0; }

body.home footer a, body.static footer a { color: #fff; }

body.home footer a, body.home footer p, body.static footer a, body.static footer p { font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.home #player, body.static #player { border: 0; margin: 30px 0 0 0; border: 1px solid #000; }

body.home #promo, body.static #promo { position: absolute; right: 152px; top: 58px; z-index: 10; float: right; background: #000; }

body.home #promo_wrapper, body.static #promo_wrapper { float: right; }

body.home #modal, body.static #modal { width: 640px; height: 360px; display: none; }

body.home .share-modal, body.static .share-modal { width: 300px; height: auto; max-height: 500px; background: #5abfbc; color: #444; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 5%; display: none; }

body.home .share-modal .close, body.static .share-modal .close { display: block; background: url(/assets/images/close-teal.png) 0 0 no-repeat; width: 27px; height: 27px; position: absolute; float: right; top: 10px; right: 10px; cursor: pointer; }

body.home .share-modal h1, body.home .share-modal h2, body.home .share-modal label, body.static .share-modal h1, body.static .share-modal h2, body.static .share-modal label { display: block; font-size: 22px; font-weight: normal; color: #fff; text-align: center; font-size: 20px; font-family: "SourceSansProBold", Arial, Helvetica, sans-serif; }

body.home .share-modal h2, body.home .share-modal label, body.static .share-modal h2, body.static .share-modal label { font-size: 16px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; text-align: left; }

body.home .share-modal div.social, body.static .share-modal div.social { padding-bottom: 20px; margin-bottom: 20px; }

body.home #mobileShare input, body.static #mobileShare input { display: block; width: 95%; padding: 12px; margin-bottom: 10px; color: #1b5f5d; border: 0; font-size: 14px; background: #49aca9; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }

body.home #mobileShare p.embed, body.static #mobileShare p.embed { border-top: 2px solid #49aca9; }

body.home #mobileShare .share-it, body.static #mobileShare .share-it { float: left; margin-right: 20px; }

body.home .download-cta span, body.static .download-cta span { color: #fff; font-size: 14px; display: block; }

body.home footer ul#links, body.static footer ul#links { width: 1100px; margin: 20px auto 0 auto; }

body.home footer ul#links li, body.static footer ul#links li { list-style-type: none; display: inline-block; float: left; font-size: 18px; color: #fff; text-transform: uppercase; padding: 0 20px 0 0; margin: 0 0 0 20px; border-right: 1px solid #fff; }

body.home footer ul#links li a, body.static footer ul#links li a { color: #ededed; text-decoration: none; padding: 3px 0 0 0; }

body.home footer ul#links li a:hover, body.static footer ul#links li a:hover { color: #fff; }

body.home footer ul#links li.copyright, body.static footer ul#links li.copyright { border-width: 0; }

body.static .static-content { padding: 50px; }

body.static h1 { font-size: 38px; }

body.static .server-error { min-height: 400px; }

body.static .server-error h1 { font-size: 144px; color: #52ade4; text-align: left; }

body.static .server-error h2 { font-size: 52px; line-height: 58px; color: #50cec5; margin: 0 0 20px 0; }

body.static .server-error p { font-size: 28px; color: #3c3c3c; }

body.static .server-error img { position: absolute; right: 10px; bottom: 0; }

footer, .footer-global, body.home footer, body.static footer { background: #2a2a2a; text-align: center; font-size: 16px; height: auto; margin: 0; padding: 0; color: #fff; }

footer a:hover, .footer-global a:hover, body.home footer a:hover, body.static footer a:hover { color: #52ade4; }

footer .links, .footer-global .links, body.home footer .links, body.static footer .links { width: 50%; float: left; }

footer .content, .footer-global .content, body.home footer .content, body.static footer .content { font-size: 18px; color: #50cec5; font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; margin: 0 auto; text-align: left; line-height: 28px; padding: 0; width: 240px; }

footer .content p, .footer-global .content p, body.home footer .content p, body.static footer .content p { clear: left; margin: 40px 0 0 0; display: block; text-align: left; color: #50cec5; }

footer .content p a, .footer-global .content p a, body.home footer .content p a, body.static footer .content p a { color: #50cec5; }

footer .content p a:hover, .footer-global .content p a:hover, body.home footer .content p a:hover, body.static footer .content p a:hover { color: #78d9d2; }

footer .content h3, .footer-global .content h3, body.home footer .content h3, body.static footer .content h3 { color: #fff; font-size: 22px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; }

footer h3, .footer-global h3, body.home footer h3, body.static footer h3 { font-size: 28px; font-weight: 100; color: #fff; }

footer ul.links, .footer-global ul.links, body.home footer ul.links, body.static footer ul.links { list-style-type: none; display: inline-block; width: 20%; margin-right: 30px; line-height: 36px; }

footer ul.links li a, footer h3, footer ul, .footer-global ul.links li a, .footer-global h3, .footer-global ul, body.home footer ul.links li a, body.home footer h3, body.home footer ul, body.static footer ul.links li a, body.static footer h3, body.static footer ul { color: #2083be; }

body.apps footer .content { padding-top: 80px; }

.iphone-outline { width: 385px; height: 180px; background: url(/assets/images/iphone-outline.png) no-repeat 0 0; display: block; margin: 14px auto 50px auto; text-align: left; position: relative; }

.iphone-outline img { margin: 12px 0 0 56px; border: 1px solid #ccc; }

.iphone-outline div.blue { background: #52ade4; }

.iphone-outline div.orange { background: #eb7452; }

.iphone-outline div.gray { background: #595959; }

.iphone-outline div.teal { background: #50cdc5; }

.play-button { width: 100px; height: 100px; position: absolute; margin: 40px 0 0 140px; background: url(/assets/images/thumbnail-play-btn.png) 0 -100px no-repeat; cursor: pointer; }

.play-button:hover { background-position: 0 0; }

body.app h1, body.examples h1, body.faq h1, body.static h1, body.about h1 { margin: 50px 0 0 0; font-weight: normal; color: #323232; text-align: center; font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.app h2, body.examples h2, body.faq h2, body.static h2, body.about h2 { font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; font-size: 22px; display: inline-block; }

body.app h3, body.examples h3, body.faq h3, body.static h3, body.about h3 { font-size: 34px; font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; font-weight: normal; margin: 60px 0 30px 0; clear: both; position: relative; top: 25px; }

body.app h2.teal, body.app h3.teal, body.examples h2.teal, body.examples h3.teal, body.faq h2.teal, body.faq h3.teal, body.static h2.teal, body.static h3.teal, body.about h2.teal, body.about h3.teal { color: #50cec5; }

body.app h2.blue, body.app h3.blue, body.examples h2.blue, body.examples h3.blue, body.faq h2.blue, body.faq h3.blue, body.static h2.blue, body.static h3.blue, body.about h2.blue, body.about h3.blue { color: #52ade4; }

body.app h2.orange, body.app h3.orange, body.examples h2.orange, body.examples h3.orange, body.faq h2.orange, body.faq h3.orange, body.static h2.orange, body.static h3.orange, body.about h2.orange, body.about h3.orange { color: #eb7552; }

body.app h2.gray, body.app h3.gray, body.examples h2.gray, body.examples h3.gray, body.faq h2.gray, body.faq h3.gray, body.static h2.gray, body.static h3.gray, body.about h2.gray, body.about h3.gray { color: #595959; }

body.app #app-content, body.app #home-content, body.examples #app-content, body.examples #home-content, body.faq #app-content, body.faq #home-content, body.static #app-content, body.static #home-content, body.about #app-content, body.about #home-content { width: 960px; margin: 0 auto; text-align: center; }

body.app #app-content .intro, body.app #home-content .intro, body.examples #app-content .intro, body.examples #home-content .intro, body.faq #app-content .intro, body.faq #home-content .intro, body.static #app-content .intro, body.static #home-content .intro, body.about #app-content .intro, body.about #home-content .intro { width: 650px; margin: 30px auto; font-size: 24px; line-height: 42px; font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.app #app-content .intro p, body.app #home-content .intro p, body.examples #app-content .intro p, body.examples #home-content .intro p, body.faq #app-content .intro p, body.faq #home-content .intro p, body.static #app-content .intro p, body.static #home-content .intro p, body.about #app-content .intro p, body.about #home-content .intro p { margin: 30px 0; font-family: "SourceSansProExtraLight", Arial, Helvetica, sans-serif; }

body.app #app-content .intro a, body.app #home-content .intro a, body.examples #app-content .intro a, body.examples #home-content .intro a, body.faq #app-content .intro a, body.faq #home-content .intro a, body.static #app-content .intro a, body.static #home-content .intro a, body.about #app-content .intro a, body.about #home-content .intro a { color: #50cec5; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; }

body.app #app-content .intro a:hover, body.app #home-content .intro a:hover, body.examples #app-content .intro a:hover, body.examples #home-content .intro a:hover, body.faq #app-content .intro a:hover, body.faq #home-content .intro a:hover, body.static #app-content .intro a:hover, body.static #home-content .intro a:hover, body.about #app-content .intro a:hover, body.about #home-content .intro a:hover { color: #33b8ae; }

body.app .iphone-overlay, body.examples .iphone-overlay, body.faq .iphone-overlay, body.static .iphone-overlay, body.about .iphone-overlay { width: 230px; height: 115px; padding: 20px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; line-height: 24px; font-size: 16px; margin: 12px 0 0 56px; text-align: center; display: none; position: absolute; top: 0; left: 0; color: #fff; }

body.app .iphone-overlay span, body.examples .iphone-overlay span, body.faq .iphone-overlay span, body.static .iphone-overlay span, body.about .iphone-overlay span { height: 115px; display: table-cell; vertical-align: middle; }

body.app .screenshot, body.examples .screenshot, body.faq .screenshot, body.static .screenshot, body.about .screenshot { width: 50%; float: left; }

body.app span.gamo, body.examples span.gamo, body.faq span.gamo, body.static span.gamo, body.about span.gamo { width: 28px; height: 28px; background: url(/assets/images/gamo-icon.png) 0 0 no-repeat; display: inline-block; position: relative; z-index: 2; top: 8px; margin-left: 4px; cursor: pointer; }

body.app span.orange, body.examples span.orange, body.faq span.orange, body.static span.orange, body.about span.orange { background-image: url(/assets/images/gamo-icon_orange.png); }

body.app span.teal, body.examples span.teal, body.faq span.teal, body.static span.teal, body.about span.teal { background-image: url(/assets/images/gamo-icon_teal.png); }

body.app span.gray, body.examples span.gray, body.faq span.gray, body.static span.gray, body.about span.gray { background-image: url(/assets/images/gamo-icon_gray.png); }

body.gami h1 { margin: 0 auto 20px auto; }

#site-nav ul { margin: 0; height: 100%; }

#site-nav ul li { display: inline-block; list-style-type: none; float: left; width: auto; height: 65px; }

#site-nav ul li a { color: #fff; text-transform: uppercase; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 40px; padding: 20px; height: 40px; text-align: center; width: 100px; display: block; }

#site-nav ul li a.nav-active, #site-nav ul li a.nav-active:hover { background: #4393c4; }

#site-nav ul li a:hover { background: #68b7e7; }

#site-nav ul li a:active { text-decoration: none; }

#sub-nav { text-align: right; width: 100%; background: #3d3d3d; }

#sub-nav .container { width: 960px; margin: 0 auto; }

#sub-nav ul { list-style-type: none; position: relative; left: -6px; }

#sub-nav ul li { display: inline-block; text-align: center; }

#sub-nav ul li.blank { width: 137px; }

#sub-nav ul a { color: #50cec5; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 18px; padding: 12px 20px; width: 100px; display: block; margin-right: -4px; }

#sub-nav ul a.nav-active { background: #252525; }

#sub-nav ul a:hover { background: #323232; }

#sub-nav ul a:active { text-decoration: none; }

body.app h3.teal { background: url(/assets/images/title-bar_teal.png) center center no-repeat; margin-top: 0; }

body.app h3.blue { background: url(/assets/images/title-bar_blue.png) center center no-repeat; }

body.app h3.orange { background: url(/assets/images/title-bar_orange.png) center center no-repeat; }

body.app h3.gray { background: url(/assets/images/title-bar_gray.png) center center no-repeat; }

body.app .iphone-toggle { display: inline-block; padding: 12px; color: #595959; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #595959; text-align: center; margin: 20px 10px 0 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

body.app .iphone-toggle:hover { color: #494949; border-color: #494949; }

body.app .toggle-on, body.app .toggle-on:hover { background: #52ade4; border: 0; color: #fff; }

body.app .iphone-outline .screen { width: 268px; height: 152px; position: relative; top: 11px; background-repeat: no-repeat; background-position: 0 0; margin: 22px 0 0 56px; border: 1px solid #ccc; }

body.app .iphone-outline .share-img { background-image: url(/assets/images/iphone-share.png); }

body.app .iphone-outline .save-img { background-image: url(/assets/images/iphone-save.png); }

body.app .iphone-outline .dialogue-img { background-image: url(/assets/images/iphone-dialogue.png); }

body.app .iphone-outline .mood-img { background-image: url(/assets/images/iphone-mood.png); }

body.app .iphone-outline .record-img { background-image: url(/assets/images/iphone-record.png); }

body.app .iphone-outline .character-img { background-image: url(/assets/images/iphone-character.png); }

body.app .iphone-outline .position-img { background-image: url(/assets/images/iphone-position.png); }

body.app .iphone-outline .doodle-img { background-image: url(/assets/images/iphone-doodle.png); }

body.app .iphone-outline .background-img { background-image: url(/assets/images/iphone-background.png); }

body.examples #app-content { text-align: left; }

body.examples #app-content .intro { text-align: center; width: 900px; }

body.examples h2 { color: #52ade4; display: block; font-size: 28px; margin: 20px 0; }

body.examples .clear { clear: left; margin: 30px; height: 30px; }

body.examples .iphone-outline { margin: 50px 0 0 20px; float: left; }

body.examples .text { float: left; width: 450px; color: #000; font-size: 20px; line-height: 28px; text-align: left; margin: 30px 0 0 60px; }

body.examples .text ul { text-transform: uppercase; color: #50cec5; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; margin: 10px 0 0 0; border-top: 1px solid #ccc; padding-top: 10px; font-size: 18px; padding-left: 20px; }

body.examples .text ul li { float: left; padding: 0 10px 0 0; margin-right: 16px; }

body.examples .main-content { width: 960px; margin: 0 auto; }

body.examples #app-content { text-align: left; }

body.examples #app-content .intro { text-align: center; width: 900px; }

body.examples h2 { color: #52ade4; display: block; font-size: 28px; margin: 20px 0; }

body.examples .clear { clear: left; margin: 30px; height: 30px; }

body.examples .iphone-outline { margin: 50px 0 0 20px; float: left; }

body.examples .text { float: left; width: 450px; color: #000; font-size: 20px; line-height: 28px; text-align: left; margin: 30px 0 0 60px; }

body.examples .text ul { text-transform: uppercase; color: #50cec5; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; margin: 10px 0 0 0; border-top: 1px solid #ccc; padding-top: 10px; font-size: 18px; padding-left: 20px; }

body.examples .text ul li { float: left; padding: 0 10px 0 0; margin-right: 16px; }

body.examples .main-content { width: 960px; margin: 0 auto; }

.divider-gradient { width: 957px; height: 13px; background: url(/assets/images/divider-gradient.png) 0 0 no-repeat; margin: 0 auto; }

.divider-gradient-short { width: 693px; height: 13px; background: url(/assets/images/divider-gradient_short.png) 0 0 no-repeat; margin: 0 auto; }

body.faq .faq-content { margin: 0 auto; width: 750px; color: #000; font-size: 18px; line-height: 28px; }

body.faq .faq-content p.faq-download { text-align: right; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; }

body.faq .faq-content div { padding: 15px; background: #eee; border: 1px solid #ccc; margin: 15px auto; width: 720px; text-align: left; }

body.faq .faq-content div:hover { border-color: #52ade4; }

body.faq .faq-content p.question { display: block; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; cursor: pointer; }

body.faq .faq-content p.answer { display: none; margin: 0 0 0 60px; border-left: 3px solid #52ade4; padding-left: 16px; }

body.faq .faq-content a.expand { padding: 10px; width: 22px; height: 22px; background: #52ade4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 22px; line-height: 26px; text-align: center; text-indent: 2px; font-weight: bold; display: inline-block; margin-right: 10px; }

body.faq .faq-content a.expand:hover { background: #3ca3e1; }

body.faq .faq-content a.expand:active { text-decoration: none; }

body.faq div.modal { display: none; border: 2px solid #fff; }

body.faq div#tts-gif { width: 700px; height: 561px; }

body.faq div#embed-gif { width: 700px; height: 556px; }

body.backgrounds div#gif { display: none; width: 700px; height: 525px; border: 2px solid #fff; }

body.backgrounds .main-content { width: 740px; margin: 0 auto; text-align: left; }

body.backgrounds .main-content .icon-container { display: block; width: 128px; float: left; margin: 10px; }

body.backgrounds .main-content .icon { display: block; width: 128px; height: 4px; padding-top: 124px; background: 0 0 no-repeat; text-align: center; color: #000; }

body.backgrounds p.right { text-align: right; }

body.backgrounds .icon.baseball { background-image: url(/assets/images/bg-packs/icons/baseball_icon.png); }

body.backgrounds .icon.basketball { background-image: url(/assets/images/bg-packs/icons/basketball_icon.png); }

body.backgrounds .icon.birthday { background-image: url(/assets/images/bg-packs/icons/birthday_icon.png); }

body.backgrounds .icon.cat { background-image: url(/assets/images/bg-packs/icons/cat_icon.png); }

body.backgrounds .icon.celebration { background-image: url(/assets/images/bg-packs/icons/celebration_icon.png); }

body.backgrounds .icon.dog { background-image: url(/assets/images/bg-packs/icons/dog_icon.png); }

body.backgrounds .icon.eduboards { background-image: url(/assets/images/bg-packs/icons/edu_boards_icon.png); }

body.backgrounds .icon.football { background-image: url(/assets/images/bg-packs/icons/football_icon.png); }

body.backgrounds .icon.frames { background-image: url(/assets/images/bg-packs/icons/frames_icon.png); }

body.backgrounds .icon.free { background-image: url(/assets/images/bg-packs/icons/free_icon.png); }

body.backgrounds .icon.greetings { background-image: url(/assets/images/bg-packs/icons/greetings_icon.png); }

body.backgrounds .icon.happy { background-image: url(/assets/images/bg-packs/icons/happy_icon.png); }

body.backgrounds .icon.invite { background-image: url(/assets/images/bg-packs/icons/invite_icon.png); }

body.backgrounds .icon.journals { background-image: url(/assets/images/bg-packs/icons/journals_icon.png); }

body.backgrounds .icon.k12 { background-image: url(/assets/images/bg-packs/icons/k12_icon.png); }

body.backgrounds .icon.music { background-image: url(/assets/images/bg-packs/icons/music_icon.png); }

body.backgrounds .icon.pets { background-image: url(/assets/images/bg-packs/icons/pets_icon.png); }

body.backgrounds .icon.planets { background-image: url(/assets/images/bg-packs/icons/planets_icon.png); }

body.backgrounds .icon.roadtrip { background-image: url(/assets/images/bg-packs/icons/roadtrip_icon.png); }

body.backgrounds .icon.school { background-image: url(/assets/images/bg-packs/icons/school_icon.png); }

body.backgrounds .icon.soccer { background-image: url(/assets/images/bg-packs/icons/soccer_icon.png); }

body.backgrounds .icon.spring { background-image: url(/assets/images/bg-packs/icons/spring_icon.png); }

body.backgrounds .icon.stage { background-image: url(/assets/images/bg-packs/icons/stage_icon.png); }

body.backgrounds .icon.summer { background-image: url(/assets/images/bg-packs/icons/summer_icon.png); }

body.backgrounds .icon.talkshow { background-image: url(/assets/images/bg-packs/icons/talkshow_icon.png); }

body.backgrounds .icon.teacher { background-image: url(/assets/images/bg-packs/icons/teacher_icon.png); }

body.backgrounds .icon.thankyou { background-image: url(/assets/images/bg-packs/icons/thankyou_icon.png); }

body.backgrounds .icon.tropical { background-image: url(/assets/images/bg-packs/icons/tropical_icon.png); }

body.backgrounds .icon.winter { background-image: url(/assets/images/bg-packs/icons/winter_icon.png); }

body.apps .intro { width: 650px; margin: 30px auto; font-size: 24px; line-height: 42px; text-align: center; color: #000; }

body.apps #header { box-shadow: 0 0 10px 0 #555; -moz-box-shadow: 0 0 10px 0 #555; -webkit-box-shadow: 0 0 10px 0 #555; position: relative; z-index: 3; }

body.about .intro { text-align: left; }

/* app page gamo icon beacon */
#beacon { position: relative; background: transparent; display: inline-block; z-index: 1; width: 28px; height: 28px; }

.dot { border: 10px solid #1995cb; background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: pulse 2s ease-out; -moz-animation: pulse 2s ease-out; animation: pulse 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -13px; left: -17px; z-index: 1; opacity: 0; }

@-moz-keyframes pulse { 0% { -moz-transform: scale(0);
    opacity: 0.0; }
  25% { -moz-transform: scale(0);
    opacity: 0.1; }
  50% { -moz-transform: scale(0.1);
    opacity: 0.3; }
  75% { -moz-transform: scale(0.5);
    opacity: 0.5; }
  100% { -moz-transform: scale(1);
    opacity: 0.0; } }

@-webkit-keyframes "pulse" { 0% { -webkit-transform: scale(0);
    opacity: 0.0; }
  25% { -webkit-transform: scale(0);
    opacity: 0.1; }
  50% { -webkit-transform: scale(0.1);
    opacity: 0.3; }
  75% { -webkit-transform: scale(0.5);
    opacity: 0.5; }
  100% { -webkit-transform: scale(1);
    opacity: 0.0; } }

#beacon div.teal { border-color: #50cec5; }

#beacon div.orange { border-color: #eb7552; }

#beacon div.gray { border-color: #595959; }

#mobile-nav, .mobile-menu { display: none; }

body.iap .select-gender { text-align: center; margin-bottom: 40px; }

body.iap .m-toggle, body.iap .f-toggle { display: inline-block; width: 60px; padding: 12px; color: #595959; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #595959; text-align: center; margin: 20px 10px 0 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

body.iap .m-toggle:hover, body.iap .f-toggle:hover { color: #494949; border-color: #494949; }

body.iap .toggle-on, body.iap .toggle-on:hover { background: #52ade4; border: 0; color: #fff; }

body.iap .screen { float: left; }

body.iap .screen-row { float: left; margin-right: 50px; }

body.iap div.text { float: left; margin: 0 0 0 50px; }

body.iap .divider-gradient-short { margin-bottom: 40px; }

body.iap .divider-gradient-short.gender { margin-bottom: 10px; }

body.iap .screen img, body.iap .screen-row img { border: 4px solid #ddd; }

body.iap .screen h3, body.iap .screen-row h3 { color: #52ade4; font-size: 24px; margin: -10px 0 0 0; }

body.iap ul.tts-list li:first-child, body.iap ul.tts-list li:nth-child(6), body.iap ul.tts-list li:nth-child(2), body.iap ul.tts-list li:nth-child(7) { list-style-type: none; margin-left: -12px; }

footer p.tg-legal, .footer-global p.tg-legal, body.home footer p.tg-legal, body.static footer p.tg-legal, #iphone-footer p.tg-legal { font-size: 12px; line-height: 16px; color: #777; padding: 10px 0; margin: 16px 0 0 0; }

/* DEVICE-SPECIFIC CSS ================================================ */
/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .divider-gradient, .divider-gradient-short { display: none; } body.home .iphone-promo-container { display: block; width: 280px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 28px; padding-bottom: 40px; border-bottom: 1px solid #ccc; } body.home .iphone-promo-container h1 { margin: 10px 0; } body.home .promo-container { display: none; width: 100%; margin: 30px 0; border: 1px solid blue; } body.home .promo-container .clear { clear: both; } body.home #site-logo, body.static #site-logo { margin: 0 auto; float: none; position: relative; top: 5px; left: 20px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } .scroll-off { overflow: hidden; } #iphone-footer, #iphone-copyright { display: block; } #sub-nav { display: none; } #mobile-nav { display: inline-block; width: 51px; height: 46px; background: url(/assets/images/mobile-nav.png) no-repeat 0 0; background-size: cover; position: absolute; top: 16px; left: -14px; z-index: 3; } .mobile-menu { display: block; width: 0; margin: 0; overflow: hidden; height: 135%; background: #333; position: absolute; z-index: 9999; top: 80px; left: 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } .mobile-menu ul { background: #3b3c40; } .mobile-menu ul li { text-transform: uppercase; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; } .mobile-menu ul li a { padding: 12px; background: #3b3c40; margin: 0; display: block; color: #fff; font-size: 22px; } .mobile-menu ul li a.nav-active { background: #50cec5; } .mobile-menu ul li.title { padding: 12px; font-size: 16px; background: #313131; color: #aaa; } .mobile-menu ul li.download { border-top: 2px solid #656565; border-bottom: 2px solid #656565; } .mobile-menu ul li.download a { background: url(/assets/images/mobile_nav_arrow.png) 95% center no-repeat; } .menu-on { width: 100%; overflow: auto; } footer .content p, .footer-global .content p, body.home footer .content p, body.static footer .content p { font-size: 10px; } body.apps .divider-gradient, body.apps .divider-gradient-short { display: none; } body.apps h1 { font-size: 24px; color: #000; font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; } body.apps #home-content { padding: 6%; } body.apps #home-content .intro { font-size: 16px; line-height: 22px; margin-top: 0; width: 100%; } body.apps #home-content .intro p { width: 80%; margin: 0 auto; font-size: 16px; } body.apps #scene-banner { width: 100%; height: 200px; margin-top: -25px; background-position: bottom right; } body.apps #get-app .content { background-size: 75%; max-height: 200px; text-align: center; padding: 0; } body.apps #get-app .content p { display: none; } body.apps #get-app .content h1 { font-size: 22px; } body.apps .how-step, body.apps .step1, body.apps .step2, body.apps .step3 { background: #fff; height: auto; padding: 0; width: 100%; display: block; margin: 0 auto 20px auto; text-align: left; font-size: 16px; } body.apps .how-step h2, body.apps .step1 h2, body.apps .step2 h2, body.apps .step3 h2 { color: #000; font-size: 22px; margin: 0 0 6px 20px; font-family: "SourceSansProLight", Arial, Helvetica, sans-serif; } body.apps .how-step span.step, body.apps .step1 span.step, body.apps .step2 span.step, body.apps .step3 span.step { float: left; display: block; margin: 0 10px 60px 0; text-align: center; width: 20px; height: 20px; font-size: 18px; line-height: 24px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; } body.home #iphone-footer, body.static #iphone-footer { display: block; } body.home #site-nav, body.static #site-nav { display: none; } body.home .player-container, body.static .player-container { height: auto; min-height: 200px; } body.home #player .mobile-share-icon, body.static #player .mobile-share-icon { display: block; } body.home #tg-videos .fixed, body.home .fixed, body.home #header .container, body.home .static-content, body.static #tg-videos .fixed, body.static .fixed, body.static #header .container, body.static .static-content { width: 80%; padding: 0; margin: 0 auto; } body.home #example-gami, body.static #example-gami { width: 284px; height: 160px; } body.home #iphone .screenshot, body.home #iphone .screen, body.static #iphone .screenshot, body.static #iphone .screen { float: none; margin: 0 auto; } body.home #app-content, body.static #app-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); margin-top: -210px; } body.home #app-content .text, body.static #app-content .text { margin: 16px 0 0 0; } body.home #app-content h1, body.static #app-content h1 { position: relative; z-index: 5; margin-bottom: 10px; } body.home #app-content .iphone-outline, body.static #app-content .iphone-outline { margin: 0 0 10px -40px; background: #fff; float: none; width: 268px; height: 152px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } body.home footer, body.static footer { display: none; } body.home #promo, body.static #promo { position: relative; margin: 0 auto; top: 20px; z-index: 1; } body.home #promo, body.home #promo_wrapper, body.static #promo, body.static #promo_wrapper { float: none; } body.home .share-modal, body.static .share-modal { width: 70%; } body.home #promo, body.home #promo_wrapper, body.home #site-logo, body.static #promo, body.static #promo_wrapper, body.static #site-logo { position: relative; left: 30px; } body.home header, body.static header { max-height: 54px; } body.home #iphone-footer, body.home #iphone-copyright, body.static #iphone-footer, body.static #iphone-copyright { display: block; background: #2a2a2a; text-align: center; padding: 20px 0; line-height: 36px; } body.home #iphone-footer a, body.home #iphone-copyright a, body.static #iphone-footer a, body.static #iphone-copyright a { color: #fff; margin-right: 16px; display: inline-block; font-size: 18px; font-family: "SourceSansProRegular", Arial, Helvetica, sans-serif; } body.home #iphone-footer p.terms, body.home #iphone-copyright p.terms, body.static #iphone-footer p.terms, body.static #iphone-copyright p.terms { margin-top: 10px; } body.home #iphone-footer p.terms a, body.home #iphone-copyright p.terms a, body.static #iphone-footer p.terms a, body.static #iphone-copyright p.terms a { text-transform: uppercase; color: #50cec5; font-size: 16px; line-height: 16px; margin: 0; padding: 0 10px; border-right: 1px solid #50cec5; } body.home #iphone-footer p.terms a:nth-child(3), body.home #iphone-copyright p.terms a:nth-child(3), body.static #iphone-footer p.terms a:nth-child(3), body.static #iphone-copyright p.terms a:nth-child(3) { border: 0; } body.home #iphone-footer p.copyright, body.home #iphone-copyright p.copyright, body.static #iphone-footer p.copyright, body.static #iphone-copyright p.copyright { color: #50cec5; } body.home #iphone-copyright, body.static #iphone-copyright { border: 0; background: #000 url(/assets/images/mobile-footer-icon.png) center 55px no-repeat; padding-bottom: 80px; color: #555; } body.app #app-content, body.examples #app-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); margin-top: -320px; } body.app #app-content .intro, body.examples #app-content .intro { text-align: left; } body.app #app-content .screenshot, body.app #app-content .iphone-outline, body.examples #app-content .screenshot, body.examples #app-content .iphone-outline { float: none; padding: 0; } body.app #app-content .screenshot .play-button, body.app #app-content .iphone-outline .play-button, body.examples #app-content .screenshot .play-button, body.examples #app-content .iphone-outline .play-button { margin: 28px 84px; } body.app #app-content .screenshot, body.examples #app-content .screenshot { width: 100%; margin: 0; } body.app #app-content .iphone-outline, body.examples #app-content .iphone-outline { margin: 20px auto 70px auto; } body.app #app-content .screen, body.app #app-content .iphone-outline img, body.examples #app-content .screen, body.examples #app-content .iphone-outline img { margin: 0; } body.app #app-content .iphone-overlay, body.examples #app-content .iphone-overlay { margin-left: 0; } body.examples #app-content { margin-top: -220px; } body.examples #app-content .iphone-outline { margin: 20px 0 0 30px; } body.examples #app-content .screen, body.examples #app-content .iphone-outline img { margin: 0; } body.about #app-content { margin-top: -30px; } body.press #app-content { margin-top: -32px; } body.faq #app-content { margin-top: -150px; } .server-error { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); margin: -60px; } body.static .cms-content h1 { font-size: 24px; line-height: 28px; } div { max-width: 100%; } #player .share-icon { display: none; } body.home #get-app .content h1 { margin-top: 50px; } body.faq #app-content { margin: -180px 0 0 -10px; } body.faq .faq-content { margin: 40px 0 0 0; } body.faq .faq-content div { width: 100%; } body.faq .faq-content p.answer { margin: 20px 0 0 30px; } body.app .select-device { display: none; } #beacon .dot { min-height: 50px; min-width: 50px; } body.iap #app-content { margin-top: -455px; } body.iap .screen-row, body.iap .screen, body.iap div.text { float: none; display: block; } body.iap .screen-row img, body.iap .screen img { margin: 16px 0; } body.iap .screen-row h3, body.iap .screen h3 { margin: -40px 0 50px 0; } body.iap .divider-gradient-short { display: none; } body.iap div.clear { display: none; } body.iap .select-gender { display: block; padding-top: 20px; clear: both; width: 100%; text-align: center; } body.edufaq div#header, body.edu div#header { z-index: 2; position: relative; } body.edufaq #app-content, body.edu #app-content { padding-top: 100px; } body.edufaq #sub-nav, body.edu #sub-nav { display: block; z-index: 1; position: absolute; top: 80px; left: 0; width: 100%; text-align: center; } body.backgrounds #app-content { margin-top: -210px; } body.backgrounds p.right { margin-top: 30px; } body.index .tg-labs-logo { background-image: url("/assets/images/tellagami-labs-logo-mobile.png"); width: 320px; height: 600px; } }

/* === Smartphones (portrait only) =============== */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { body.app .how-step span.blurb, body.home .how-step span.blurb { display: block; margin-left: 50px; } .scroll-off { max-height: 480px; } body.iap .screen-row img, body.iap .screen img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); position: relative; left: -70px; } body.edu #app-content { margin-top: -720px; } body.edufaq #sub-nav, body.edu #sub-nav { top: 60px; } }

/* === Smartphones (landscape only) =============== */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { body.about #app-content, body.app #app-content, body.examples #app-content { padding-top: 0px; } body.home #get-app .content { text-align: left; } body.home #get-app .content h1 { position: relative; top: 25%; left: 10%; } body.gami #site-logo, body.home #site-logo, body.static #site-logo { position: relative; left: 5px; } body.home #get-app .content { background-size: 50%; } body.app #app-content { margin-top: -340px; } body.home #app-content .main-content, body.app #app-content .main-content { padding-left: 10%; } body.home #app-content .main-content h1, body.app #app-content .main-content h1 { text-align: left; } body.home #app-content a.download-btn, body.app #app-content a.download-btn { margin: 0 auto; } body.examples #app-content a.download-btn { position: relative; left: -10%; } .scroll-off { max-height: 320px; } body.home .how-step, body.home .step1, body.home .step2, body.home .step3, body.apps .how-step, body.apps .step1, body.apps .step2, body.apps .step3 { font-size: 16px; padding-left: 20px; } body.home #how-to, body.apps #how-to { width: 75%; } body.iap .select-gender { margin-left: -55px; } body.edu #app-content { margin-top: -620px; } body.edu #character-strip, body.edu .footer-global { margin-top: -620px; } body.backgrounds #app-content { margin-top: -180px; } }

/* == iPhone 5 (landscape) =============== */
@media (device-height: 568px) and (device-width: 320px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { body.home #get-app .content { text-align: left; } body.home #get-app .content h1 { position: relative; top: 15%; left: 15%; } }

/* == iPhone 5 (portrait) =============== */
@media (device-height: 568px) and (device-width: 320px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .scroll-off { max-height: 568px; } }

/* RETINA IMAGES =========================== */
@media (-webkit-min-device-pixel-ratio: 2) { /* homepage iphone screenshots */ body.home .device-sunflower, body.home .device-goldengate, body.home .device-aquarium, body.home .device-chinatown { background-size: 525px 290px; } body.home .device-sunflower { background-image: url(/assets/images/home-device_sunflower_x2.png); } body.home .device-goldengate { background-image: url(/assets/images/home-device_goldengate_x2.png); } body.home .device-aquarium { background-image: url(/assets/images/home-device_aquarium_x2.png); } body.home .device-chinatown { background-image: url(/assets/images/home-device_chinatown_x2.png); } /* app and examples page iphone screenshots */ body.app .iphone-outline { background-image: url(/assets/images/iphone-outline-x2.png); background-size: cover; } body.app .iphone-outline .screen { background-size: cover; } body.app .iphone-outline .share-img { background-image: url(/assets/images/iphone-share-x2.png); } body.app .iphone-outline .save-img { background-image: url(/assets/images/iphone-save-x2.png); } body.app .iphone-outline .dialogue-img { background-image: url(/assets/images/iphone-dialogue-x2.png); } body.app .iphone-outline .mood-img { background-image: url(/assets/images/iphone-mood-x2.png); } body.app .iphone-outline .record-img { background-image: url(/assets/images/iphone-record-x2.png); } body.app .iphone-outline .character-img { background-image: url(/assets/images/iphone-character-x2.png); } body.app .iphone-outline .position-img { background-image: url(/assets/images/iphone-position-x2.png); } body.app .iphone-outline .doodle-img { background-image: url(/assets/images/iphone-doodle-x2.png); } body.app .iphone-outline .background-img { background-image: url(/assets/images/iphone-background-x2.png); } /* buttons */ .iphone-outline .play-button { background-image: url(/assets/images/thumbnail-play-btn-x2.png); background-size: cover; } body.home #site-logo, body.static #site-logo { background-image: url(/assets/images/tg-logo-new-x2.png); background-size: cover; } #player .share-icon { background-image: url(/assets/images/player-share-icon-x2.png); background-size: cover; } /* app page beacons */ body.app span.gamo { background-image: url(/assets/images/gamo-icon-blue-x2.png); background-size: cover; } body.app span.teal { background-image: url(/assets/images/gamo-icon-teal-x2.png); } body.app span.orange { background-image: url(/assets/images/gamo-icon-orange-x2.png); } body.app span.gray { background-image: url(/assets/images/gamo-icon-gray-x2.png); } }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body.home { min-width: 115%; } body.home #sms { margin-left: 15%; } #modal, body.iap div.modal, body.faq div.modal, body.backgrounds div#gif { margin-left: 10%; } }

/*# sourceMappingURL=styles.css.map */