@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); /*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} html, body{ font-family: 'Open Sans', sans-serif; color: #353535; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2YzZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f5 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#f3f3f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f5 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f5 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f5 10%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f5 10%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f5',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; min-height: 100%; } b{ font-weight: 600; } h1, h2, h3, h4, h5{ font-weight: 400; margin:0; } h1 span, h3 span{ font-weight:600; } h3{ font-size: 30px; } h4{ font-size:26px; } a{ text-decoration: none; outline: 0; } a img{ outline: 0; } p, a, ul{ margin: 0; font-size:16px; color: #000; letter-spacing: 0.5px; } .clear{ clear: both; } .wrapper{ width:1024px; margin: 0 auto 0 auto; height:auto; overflow:hidden; } .header{ float:right; width: 66%; height: auto; margin: 60px 5px 5px 0; } p.mobile-press-text{ display:none; font-size:16px; } div.cont div.ans { margin: 0; width: 223px; height: 35px; color: #fcfcfc; letter-spacing:0.16em; font-size: 1.864em; } #carb{ padding: 0; margin: 39px 0 0 18px; line-height: normal; font-family: Verdana, Tahoma, Sans-Serif; z-index: 2; position: absolute; } #count-bg img{ margin: 40px 0 0 15px; width: 223px; height: 35px; z-index: 0; } #count-bg2x img{ display: none; } .commaSpace{ margin-left: -0.35em; } .daily-text{ width: 223px; z-index: 1; } .daily-text p{ font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 0; margin: 16px 0 0 15px; color: #000; width: 223px; text-align: center; position: absolute; } .daily-text p a img.help{ width: 11px; height: 11px; } .daily-text p a img.help2x{ display: none; } .social-media{ clear: right; } .social-media ul{ float: right; margin: 0px 0 0 0; overflow: hidden; padding: 0; list-style-type: none; } .social-media ul li{ display: inline-block; margin: 0 2px; } .social-media ul li img{ width: 40px; height: 40px; } .logo-x{ display: none; } .app-store-badge-bottom img{ width: 200px; margin: 0px auto 22px auto; display:block; opacity: 0; } .app-store-badge-bottom-x img{ display: none; } .footer{ width: 100%; text-align:center; margin:0 0 15px; font-weight: 300; } .footer span{ font-size: 12px; color: #5b5959; margin: 0 8px ; } .footer span a{ color: #5b5959; text-decoration: none; font-size:12px; text-transform: uppercase; } .footer a:hover{ color: #353535; } .top-box{ height:530px; color:#fff; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 50%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */ } #top-left{ float:right; margin: 30px 60px 0 0; width:55%; height:auto; color: #353535; } #top-text{ margin-bottom: 15px; text-align:center; } #top-text p{ font-size: 18px; /*color: #353535;*/ color: #000; margin: 10px 0 20px 0; } .emojixpress{ display: inline-block; vertical-align: -16px; width: 130px; } #top-left h1{ font-size:37px; } #top-left p{ text-align:center; font-weight: 300; clear:both; } .logo-sets p{ margin: 10px 0 0 0; } .intextmoji{ width: 120px; vertical-align: top; } #top-left hr{ clear: both; margin:0 auto 10px auto; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 50%; } .mobile-top-text{ display: none; } .img-shaddow{ -webkit-filter: drop-shadow(0.5px 0.5px 1px #222); filter: drop-shadow(0.5px 0.5px 1px #222); } .logo-sets{ display: block; margin: 0 auto; width: 100%; text-align: center; } .logo-sets a img{ display: inline-block; padding: 5px 18px 15px 18px; vertical-align: middle; } .preview{ height: 100px; } .logo{ height: 144px; } #small-iPhone{ position:absolute; clear:left; width: 290px; height: 512px; margin: 500px 0 0 555px; background-size: 100% auto; opacity: 0; } .big-iPhone{ position:absolute; width: 285px; height: 581px; margin:-70px 0 0 65px; background-size: 285px 581px; display:block; } .big-iPhone img{ width: 285px; height: 581px; } .no-fouc { display: none; } .mobil-big-iphone{ display: none; } .logo-small, .logo-medium, .app-store-badge-small img, .app-store-badge-medium img{ display: none; } #box-wrapper{ overflow:hidden; margin:30px 5px 30px 5px; height:auto; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; clear: both; } #close{ outline: 0; right: 0; padding:0; z-index: 10000; margin: 0; position: absolute; overflow: hidden; } #mask { position:fixed; margin-left:0px; margin-top:0px; z-index:9000; background-color:#000; display:none; } #boxes .window { position:fixed; left:0; top:0; display:none; z-index:9999; } .window iframe{ width:1024px; height:576px; } .box{ overflow:hidden; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 41%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 41%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 41%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 41%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 41%,#f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */ } #info-tab{ float: right; margin-right: 20px; } #info-tab figure{ display: inline-block; text-align:center; margin: 20px 10px; vertical-align: top; } #info-tab a figcaption{ color:#7f7f7f; } .how-to-medium, .faqs-medium { display: none; height: 40px; } .video-wrapper{ text-align: center; padding-top:0px; } .video-wrapper h2{ padding-bottom: 10px; font-weight: 600; font-size: 26px; } .stat-wrapper{ padding-top: 0px; font-weight: 300; } .stat-wrapper h2{ padding-bottom: 5px; font-weight: 600; font-size: 26px; text-align: center; } img.title-img{ width: 178px; margin: 10px auto; display: block; } p.title-entry{ text-align: center; margin: 0; font-size: 22px; } #show-count, #total-count, #show-disclaimer{ color: #000; } ul.emojilist{ margin: 10px auto 28px auto; clear: both; list-style: none; padding: 0; padding-start: 0px; margin-before: 0px; margin-after: 0px; text-align: center; } /* .emojilist li{ display: inline-block; width: auto; background: #f3f3f3; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 5px 0 5px 5px; border-radius: 7px; text-align: left; }*/ .emojilist li{ display: inline-block; width: 130px; background: #f3f3f3; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 5px 0 5px 5px; border-radius: 7px; text-align: left; } .emojilist li span{ vertical-align: middle; font-family: 'Open Sans', sans-serif; } .emojilist li img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 5px; } .filter { font-family: 'Open Sans', sans-serif; color: #7E7E7E; letter-spacing: 0.5px; margin: 15px 10px 5px 10px; font-size: 16px; float: right; } .filter input[type=checkbox]:not(old){ width : 2em; margin : 0; padding : 0; font-size : 1em; opacity : 0; } .filter input[type=checkbox]:not(old) + label{ display : inline-block; margin-left : -2em; line-height : 1.5em; } .filter input[type=checkbox]:not(old) + label > span{ display : inline-block; width : 0.875em; height : 0.875em; margin : 0.25em 0.5em 0.25em 0.25em; border : 0.0625em solid rgb(192,192,192); border-radius : 0.25em; background : rgb(224,224,224); background-image : -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -o-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : linear-gradient(rgb(240,240,240),rgb(224,224,224)); vertical-align : bottom; } .filter input[type=checkbox]:not(old):checked + label > span{ background-image : -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -o-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : linear-gradient(rgb(224,224,224),rgb(240,240,240)); } .filter input[type=checkbox]:not(old):checked + label > span:before{ content : '✓'; display : block; width : 1em; color : rgb(102, 204, 0); font-size : 0.875em; line-height : 1em; text-align : center; text-shadow : 0 0 0.0714em rgb(115,153,77); font-weight : bold; } .video-wrapper iframe{ width: 715px; height: 402px; display: block; margin: 20px auto 50px auto; border: 1px solid #e8e8e8; } #statement{ text-align:center; margin:140px 0 70px 0; } #statement h4{ font-size: 26px; margin:0px; font-weight: 300; color: #353535; letter-spacing: 1px; } #statement h4 b{ font-weight: 600; } .box-stmt{ margin: 210px 0 320px 100px; } /* .box-stmt-x{ margin: 152px 0 320px 100px; } */ .box-stmt-x{ margin: 145px 0 192px 100px; } .box-stmt-moodmoji{ margin: 153px 0 274px 100px } .box-stmt-x-1{ margin: 150px 0 250px 100px; } /* .box-stmt-fonts{ margin: 485px 0 259px 100px; } */ .box-stmt-fonts{ margin: 385px 0 259px 100px; } .iphone-cool-fonts{ position: absolute; z-index:49; width: 477px; height:auto; margin:-470px 0 0 500px; opacity: 0; } .iphone-fonts{ display: block; position: absolute; z-index:49; width: 477px; height:auto; margin:215px 0 0 40px; opacity: 0; } /* .box-stmt1{ margin: 453px 0 280px 100px; } */ .box-stmt1{ margin: 394px 0 280px 100px; } .temp-fix-repl{ display: none; } .temp-fix{ text-align:right; margin: 520px 0 280px 0px; } .temp-fix{ padding:20px 0 0 516px; } /* .temp-fix-fonts{ text-align:right; margin: 291px 0 278px 0px; padding:35px 0 0 620px; } */ .temp-fix-fonts{ text-align:right; margin: 255px 0 200px 0px; padding:35px 0 0 620px; } .emojipluskeyboard{ display: block; position: absolute; z-index: 49; width: 578px; height: auto; margin: 50px 0 0 40px; } .temp-fix-fonts-emojikb{ /*text-align:right;*/ margin: 48px 37px 105px 0px; padding: 25px 0 0 644px; } .temp-fix-fonts-emojikb-mobil{ display: none; } /*NEW**************************/ .display-emojikb{ /*text-align:right;*/ margin: 40px 46px 0px 40px; /*padding: 25px 0 0 644px;*/ } .emojikb-container { width: 35%; display: inline-block; vertical-align: top; padding: 20px 10px; } .emojikb-container-img { width: 62%; display: inline-block; } .emojikb-container-img img{ position: relative; width: 700px; max-width: 100%; height: auto; margin: 0 auto 33px auto; } .emojikb-container-text { width: 333px; } .emojikb-container-text h2{ font-size: 30px; font-weight: 600; } .emojikb-container-text p{ font-size: 25px; /*color: #565656;*/ color: #000; } .text-1-col { width: auto !important; text-align: center !important; } .display-emojikb-mobile{ display: none; } /******************************/ @media (max-width: 1024px){ .emojipluskeyboard{ position: relative; width: 700px; max-width: 100%; margin: 0 auto 33px auto; } .temp-fix-fonts-emojikb{ display:none; } .temp-fix-fonts-emojikb-mobil{ display: block; position: relative; width: 100%; margin: 50px 0 30px 0; } .temp-fix-fonts-emojikb-mobil h3{ text-align: center; margin: 0 auto; width: 80%; } /**NEW*************************/ .display-emojikb{ display:none; } .display-emojikb-mobile{ display: block; position: relative; width: 100%; margin: 50px 0 30px 0; } .emojikb-container-text { width: auto; text-align: center; } .emojikb-container-mobile { width: 86%; margin: 0 auto 40px auto; text-align: center; } /******************************/ } .box-stmt1-x { margin: 170px 0 80px 0; } .box-stmt1-x-fix{ margin: 190px 0 80px 0; } .box-stacked{ margin: 106px 0 60px 0; } .box-stmt1-x h3{ text-align: center; margin:0 auto; width: 80%; } .box-stmt h3{ width: 250px; } .box-stmt-x h3, .box-stmt-moodmoji h3{ width: 300px; } .box-stmt-x-1 h3{ width: 300px; } .box-stmt1 h3{ width: 388px; } .temp-fix h3, .temp-fix-fonts h3{ width: 300px; } .box-stmt2 h3{ width: 300px; } .box-stmt2-x h3, .box-stmt3-x h3{ width: 320px; } .iphone-right-incline{ position: absolute; z-index: 50; margin:-450px 0 0 125px; width:879px; height: 581px; opacity: 0; } .iphone-right-incline-x { display: none; } .category{ width: 100%; margin: 0 auto; text-align: center; } .category img.category-iphone-90deg, .category img.themes-iphone-90deg{ display: inline-block; width: 462px; } .category img.theme-iphone-90deg{ display: inline-block; width: 746px; } .category img.themes-iphone-90deg{ padding-bottom: 25px; } .category img.category-iphone-90deg-x, .category img.themes-iphone-90deg-x, .category img.theme-iphone-90deg-x { display: none; } .iphone-90deg{ position: absolute; z-index:49; width: 477px; height:auto; margin:-496px 0 0 500px; opacity: 0; } .iphone-90deg-x, .iphone-system-integ-x, .iphone-fonts-x{ display: none; } .iphone-system-integ{ position: absolute; z-index:49; width: 477px; height:auto; margin:410px 0 0 40px; opacity: 0; } .iphone-left-incline{ display: block; position:absolute; z-index: 50; margin:-20px 0 0 0; width: 675px; opacity: 0; } .iphone-left-incline-x{ display: none; } .box-stmt2{ text-align:right; padding:150px 0 290px 620px; } /* .box-stmt2-x{ text-align:right; padding:150px 0 280px 600px; } */ .box-stmt2-x{ text-align:right; padding: 150px 0 280px 600px; } /* NEW added 9-16-24 */ .box-stmt3-x { text-align: right; padding:150px 0 150px 600px; } .box-stmt2-repl{ display: none; } #contact{ width: 600px; margin:41px auto 60px auto; overflow: hidden; } #contact h1{ margin: 0 auto; padding: 0; text-align:center; } #contact hr{ border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); margin:20px 0 30px 0; } .contact span{ font-size: 18px; font-weight: 300; } #input-name, #input-email, #input-subject{ margin:5px 0px 15px 0px; height:40px; width: 350px; font-size: 14px; padding-left: 5px; padding-right: 5px; } .contact textarea{ margin:5px 0px 10px 0px; height:150px; width:98%; font-size: 14px; padding:5px; } .error{ color:#be0000; font-size: 12px; } .success-msg{ padding:8px; background:#61c419; font-size:14px; text-align:center; margin:20px auto; color:#fff; width:50%; opacity: 0.76; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; } #input-name, #input-email, #input-subject, .contact textarea{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #7E7E7E; background:#fff; } .box-wrapper-stat{ margin:0px 5px 30px 5px; clear: both; } #box-wrapper-x{ margin:0px 5px 15px 5px; clear: both; } #box-wrapper-x, .box-wrapper-stat{ overflow:hidden; height:auto; background:#fff; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .nav{ margin:10px 0 5px 8px; } .nav a:hover, #disclaimer-tag:hover{ text-decoration: underline; color: #7e8a9a; } #disclaimer-tag{ margin: -32px 8px 0 0; color: #7E7E7E; text-decoration: none; float: right; } .content, .stat-content{ margin: 20px; } .content p, .stat-content p, .content ul{ margin-top: 10px; line-height: 25px; } .content h3, .stat-content h3{ font-size: 22px; margin: 15px 0 -8px 0; } .content a, .stat-content a{ color: #40a9d9; } .content a:hover, .stat-content a:hover{ color: #7E7E7E; } .content a:visited, .stat-content a:visited{ color: #b71d9b; } ul.custom-list{ margin-left: 0; } ul.sub-custom-list, ul.inner-sub-custom-list{ margin-left: 15px; } ul.custom-list, ul.sub-custom-list, ul.inner-sub-custom-list{ list-style: none; padding-left: 1em; text-indent: -0.5em; } ul.custom-list ul{ list-style: none; margin-left: 15px; padding-left: 0; text-indent: 0; margin-bottom: 15px; } ul.custom-list ul li:before { content: none; } ul.custom-list li:before{ content: "-"; padding-right: 5px; } ul.sub-custom-list li:before{ content: "--"!important; padding-right: 5px; } ul.inner-sub-custom-list li:before{ content: "---"!important; padding-right: 5px; } .indent p{ margin-left: 20px; margin-bottom: 30px; } .press p{ margin-left: 15px; } h3.headerfix{ margin-top: 35px !important; } ul.list{ list-style: none; padding: 0; margin-left: 15px; padding-left: 1em; text-indent: -1em; } ul.list li:before{ content: "-"; padding-right: 8px; } ul.list li{ font-size:16px; color: #7E7E7E; letter-spacing: 0.5px; line-height: 25px; } .logo-press, .screenshots{ margin-top: 10px; } #graphic-usage{ margin-left: 35px; padding-left: 1em; text-indent: -2.3em; } #graphic-usage li{ list-style: none; display: block; color: #7E7E7E; font-size:16px; letter-spacing: 0.5px; line-height: 15px; margin-top: 10px; } #graphic-usage li:before{ vertical-align: middle; margin-right: 5px; content: ''; background-size: 33px 33px; width: 33px; height: 33px; display: inline-block; } #graphic-usage li:first-child:before{ background-image: url('../img/correct.png'); } #graphic-usage li:nth-child(2):before{ background-image: url('../img/Incorrect.png'); } .logo-press{ margin-left:5px; } .logo-press a img{ width: 192px; /*height: 119px;*/ } .screenshots{ margin-left:15px; } .screenshots a img{ margin-right: 10px; width: 140px; height: auto; } .iphone-right-incline-1-x { display: none; } .iphone-right-incline-1{ display: block; position: absolute; z-index: 50; margin:-538px 0 0 225px; width:761px; height: auto; opacity: 0; } .app-store-badge img{ display:block; width: 200px; } @media screen and (-webkit-min-device-pixel-ratio: 2){ .iphone-fonts{ display: none; } .iphone-fonts-x{ display: block; position: absolute; z-index:49; width: 477px; height:auto; margin:215px 0 0 40px; opacity: 0; } div.cont div.ans { width: 223px; height: 35px; } #carb{ margin: 38px 0 0 18px; } .daily-text p a img.help2x{ width: 11px; height: 11px; display: inline-block; } #count-bg img{ display: none; } #count-bg2x img{ margin: 40px 0 0 15px; z-index: 0; display: block; width: 223px; height: 35px; position: absolute; } .daily-text p a img.help{ display: none; } /*.app-store-badge img{ display:block; width: 200px; }*/ .app-store-badge-bottom img{ display: none; } .app-store-badge-bottom-x img{ width: 200px; margin: 0px auto 22px auto; display:block; opacity: 0; } .preview-large{ height: 100px; } .logo-large{ height: 144px; } .how-to-medium, .faqs-medium { display: inline-block; } .how-to-small, .faqs-small { display: none; } .iphone-right-incline, .iphone-right-incline-1 { display: none; } .iphone-right-incline-x{ display: block; position: absolute; z-index: 50; margin:-450px 0 0 125px; width:879px; height: 581px; opacity: 0; } .iphone-right-incline-1-x{ display: block; position: absolute; z-index: 50; margin:-538px 0 0 225px; width:761px; height: auto; opacity: 0; } .category img.category-iphone-90deg, .category img.themes-iphone-90deg, .category img.theme-iphone-90deg{ display: none; } .category img.category-iphone-90deg-x, .category img.themes-iphone-90deg-x{ display: inline-block; width: 462px; } .category img.theme-iphone-90deg-x{ display: inline-block; width: 746px; } .category img.themes-iphone-90deg-x{ padding-bottom: 25px; } .iphone-90deg{ display: none; } .iphone-90deg-x{ display: block; position: absolute; z-index:49; width: 477px; height:auto; margin:-496px 0 0 500px; opacity: 0; } .iphone-system-integ{ display: none; } .iphone-system-integ-x{ display: block; position: absolute; z-index:49; width: 477px; height:auto; margin: 410px 0 0 40px; opacity: 0; } .iphone-left-incline{ display: none; } .iphone-left-incline-x{ display: block; position:absolute; z-index: 50; margin:-20px 0 0 44px; width: 675px; opacity: 0; } } @media (max-width: 1024px){ .iphone-right-incline-1-x { display: none; } .iphone-right-incline-1{ display: block; position: absolute; z-index: 50; margin:-380px 0 0 225px; width:761px; height: auto; opacity: 0; } .wrapper{ width:100%; } .iphone-fonts-x{ display: none; } .iphone-fonts{ position: relative; margin: 0 auto; width: 477px; max-width: 100%; height: auto; display: block; opacity: 0; } .responsive-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom:115px;} .responsive-container iframe, .responsive-container object, .responsive-container embed { position: absolute; top:0; left: 0; width: 100%; height: 100%; } ul.emojilist{ display: block; text-align: center; } #video1 { width: 860px; height: 484px; } #top-left{ float:right; width: 54%; position: relative; } .box-stmt, .box-stmt-x, .box-stmt-moodmoji{ margin: 40px 0 30px 0; } .box-stmt, .box-stmt-x, .box-stmt-moodmoji, .box-stmt1{ position: relative; width: 100%; } .box-stmt1{ margin: 50px 0 30px 0; } .box-stmt1-x, .box-stmt2-repl, .box-stmt-mobil{ margin: 50px auto 30px auto; width:80%; } /*.box-stmt h3, .box-stmt-x h3, .box-stmt1 h3, .box-stmt-moodmoji h3, .box-stmt1-x h3, .box-stmt2-repl h3, .box-stmt-x-1 h3{ text-align: center; margin:0 auto; width: 80%; }*/ .iphone-right-incline{ position: relative; margin:0 auto 20px auto; width:879px; /*height: 581px;*/ max-width: 100%; height: auto; display: block; opacity: 0; } .iphone-right-incline-1-x{ display:none; } .iphone-right-incline-1{ position: relative; margin:0 auto 20px auto; width:761px; /*height: 581px;*/ max-width: 100%; height: auto; display: block; opacity: 0; } .iphone-90deg, .iphone-cool-fonts, .iphone-system-integ{ position: relative; margin: 0 auto; width: 477px; /*height:485px;*/ max-width: 100%; height: auto; display: block; } .category img.category-iphone-90deg, .category img.themes-iphone-90deg{ display: block; width: 477px; margin: 0 auto; max-width: 100%; padding: 0; } .category img.category-iphone-90deg-x, .category img.themes-iphone-90deg-x{ display: none; } .box-stmt2, .box-stmt2-x, .box-stmt3-x{ display:none; } .box-stmt2-repl{ position: relative; display: block; } .iphone-left-incline-x{ display:none; } .iphone-left-incline{ position: relative; margin:0 auto 50px auto; width: 675px; max-width: 95%; height: auto; display: block; opacity: 0; } .temp-fix, .temp-fix-fonts{ display:none; } .temp-fix-repl, .box-stmt-fonts{ display:block; text-align: center; margin: 50px auto 30px auto; width:80%; } #contact{ width: 80%; height: auto; margin-top: 30px; margin-bottom: 40px; } } @media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .iphone-fonts-x{ position: relative; margin: 0 auto; width: 477px; max-width: 100%; height: auto; display: block; opacity: 0; } .iphone-right-incline, .iphone-right-incline-1, .iphone-fonts { display: none; } .iphone-right-incline-x { position: relative; margin:0 auto; width:879px; /*height: 581px;*/ display: block; max-width: 95%; height: auto; } .iphone-right-incline-1-x { position: relative; margin:0 auto 55px auto; width:761px; /*height: 581px;*/ display: block; max-width: 95%; height: auto; } .iphone-90deg, .iphone-system-integ{ display: none; } .iphone-90deg-x, .iphone-system-integ-x{ position: relative; margin: 0 auto; width: 477px; /*height:485px;*/ max-width: 100%; height: auto; display: block; opacity: 0; } .category img.category-iphone-90deg, .category img.themes-iphone-90deg{ display: none; } .category img.category-iphone-90deg-x, .category img.themes-iphone-90deg-x{ display: block; width: 477px; margin: 0 auto; max-width: 100%; padding: 0; } .iphone-left-incline{ display: none; } .iphone-left-incline-x{ position: relative; margin:0 auto 50px auto; width: 675px; max-width: 95%; height: auto; display: block; opacity: 0; } } @media (max-width: 1011px){ .logo{ height: 124px; } } @media (max-width:1011px) and (-webkit-min-device-pixel-ratio: 2){ .logo-large{ height: 124px; } } @media (max-width: 970px){ .header{ width: 64%; } #top-left{ margin-right: 40px; } .big-iPhone{ margin-left: 45px; } } @media (max-width:903px) { .big-iPhone{ margin-left: 25px; } } @media (max-width:890px){ .header{ margin-top: 25px; } div.cont div.ans { margin: 20px 0 15px 15px; float: none; } #carb{ margin: 4px 0 0 2px; } #count-bg img{ margin: 5px 0 0 0; } .daily-text p{ margin: 0px 0 0 15px; } .social-media ul{ margin: 30px 0 0 0; } } @media (max-width:890px) and (-webkit-min-device-pixel-ratio: 2){ #count-bg2x img{ margin: 5px 0 0 0; } #carb{ margin: 3px 0 0 2px; } } @media (max-width:870px){ #video1 { width: 700px; height: 394px; } } @media (max-width:865px){ p.mobile-press-text{ display:block; font-size: 16px; text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 25px; color: #353535; font-weight: lighter; } .header{ width: 100%; float: none; margin: 10px 5px 8px 0; } div.cont div.ans { margin:0px auto 15px auto; text-align: center; padding-top:0.6em; } .daily-text p{ margin: 0; } .daily-text{ float: none; width: 223px; margin: 0 auto; } .social-media ul{ float: none; margin: 15px 0 0 0; overflow: hidden; text-align: center; padding: 0; list-style-type: none; } #box-wrapper{ overflow:hidden; margin:0px 5px 30px 5px; } #video1 { width: 600px; height: 338px; } #info-tab{ float: none; text-align:center; margin-right:0; } #top-left{ float: none; width: 100%; margin: 15px auto 30px auto; } #top-left h1{ margin-left: 20px; margin-right:20px; } #top-text p, .press-text{ display: none; } #top-left hr{ margin: 15px auto 20px auto; } .mobile-top-text{ display: block; margin-bottom: 30px; } .mobile-top-text{ margin: 10px 40px 20px 40px; text-align:center; font-weight: 300; clear:both; font-size: 22px; /*color: #353535;*/ color: #000; } .top-box{ height: auto; overflow: auto; } .box-fix{ position: relative; top:0px; } .last-box{ margin-top: 0px; } .big-iPhone{ display: none; } .mobil-big-iphone{ position: relative; display: block; width: 255px; height: 520px; margin: 0 auto 20px auto; } .mobil-big-iphone img{ width: 255px; height: 520px; } .logo-x, .logo, .logo-medium, .app-store-badge-medium img, .app-store-badge-x{ display: none; } .app-store-badge-small img{ display: block; width: 180px; height:auto; margin:12px auto 12px auto; } .box-stmt, .box-stmt-x, .box-stmt1, .box-stmt1-x, .box-stmt2-repl{ /*margin: 25px 0 30px 0; */ } #contact{ width: 80%; } .contact textarea, #input-name, #input-email, #input-subject{ width:95%; } .video-wrapper iframe{ width:500px; height: 281px; } .logo-sets{ margin: 0 auto; width: 100%; text-align: center; } .logo-sets a img{ padding: 5px 15px; vertical-align: middle; } .preview-small{ height: 80px; } .logo-small{ height: 114px; } } @media (max-width:865px) and (-webkit-min-device-pixel-ratio: 2){ .logo-small, .app-store-badge-small{ display:none; } /*.mobil-big-iphone-x{ position: relative; display: block; width: 255px; height: 520px; margin: 255px auto 25px auto; background-image: url("../img/big-iphone-bg-s@2x.png"); background-size: 255px 520px; } .mobil-big-iphone-x img{ width: 255px; height: 520px; }*/ #carb{ margin: 3px 0 0 -109px; } .preview-medium{ height: 80px; } .logo-medium{ height: 114px; } } @media (max-width:852px){ .video-wrapper iframe{ width:600px; height: 338px; } } @media (max-width:679px){ .graphics-usage span{ display: block; margin-top: 10px; margin-left: 15px; padding-left: 2.4em; text-indent: -2.4em; } .graphics-usage{ margin-top: 0; } } @media (max-width:600px){ #video1 { width: 400px; height: 225px; } .video-wrapper iframe { width: 300px; height: 169px; } } @media (max-width:545px){ /*Remember to remove when "DIVERSITY IS LIVE"*/ #checkboxfix{ margin-left: -40px; } .filter { float: none; text-align: center; } } @media (max-width:504px){ #top-left{ margin-bottom: 0; } } @media (max-width:400px){ #video1 { width: 300px; height: 169px; } .video-wrapper iframe { width: 200px; height: 113px; border-top: 0.1px solid #333; border-bottom: 0.1px solid #000; border-left: 0.9px solid #000; border-right: 0.9px solid #000; } } @media (max-width:390px){ .emojixpress{ width: 160px; } #top-left h1{ font-size:26px; } .mobil-big-iphone{ margin: 0 auto 25px auto; } .mobile-top-text{ margin: 10px 20px 15px 20px; } } @media (max-width:321px){ .stat-content{ margin: 10px; } } @media (max-width:320px){ .content { margin: 10px; } .screenshots{ margin-left: 15px; } .screenshots a img{ margin-right: 5px; width: 130px; height: auto; } } @media (max-width:300px){ #video1, .video-wrapper iframe { width: 200px; height: 113px; } img.title-img{ margin: 10px auto; display: block; } } @media (max-width:200px){ #video1 { width: 150px; height: 84px; } } /****app banner***/ #header-banner { width: 100%; background: #2b2d2e; color: #fff; overflow: hidden; display: none; padding-top: 3px; padding-bottom: 3px; } #header-banner h3 { font-weight: 600; line-height: 16px; font-size: 14px } #header-banner h4 { font-weight: 400; line-height: 16px; font-size: 11px } @media(max-width: 532px) { #header-banner { margin-bottom: 5px!important; display:block; } } .logo-banner { width: 1.78125em; height: 1.78125em; margin: 12px; float: left; border-radius: 8px; overflow: hidden; } .banner-text { margin: 10px 0; position: absolute; } img.get-button { width: 43px; height: 27px; margin: 13px 15px; float: right; } /****end of app banner***/