body { background-color:#FFFFFF; color:#838383; font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal; font-size:14px; line-height:19px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color:#38b5e6; text-decoration:none; } a:hover { color:#38b5e6; text-decoration:underline; } a:visited,a:active { color:#38b5e6; } h1 { font-size:40px; line-height:40px; margin:0px; padding:0px; font-weight:400; } h2 { font-size:20px; line-height:30px; margin:0px; padding:0px; font-weight:300; } h3 { font-size:16px; line-height:16px; margin:0px; padding:0px; font-weight:600; } h4 { font-size:12px; margin:0px; padding:0px; } li { margin-bottom:3px; } body input[type="text"] { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* utility classes */ .white, .white a, #wrapper .white-hover:hover, #wrapper .active .white-hover { color:#FFF; } a.white:hover,a.white:visited,a.white:active { color:#FFF; } .light-blue, .light-blue a, #wrapper .light-blue-hover:hover, #wrapper .active .light-blue-hover { color:#38b5e6; } a.light-blue:hover,a.light-blue:visited,a.light-blue:active { color:#38b5e6; } .red, .red a, #wrapper .red-hover:hover, #wrapper .active .red-hover { color:#e31d1a; } a.red:hover,a.red:visited,a.red:active { color:#e31d1a; } .purple, .purple a, #wrapper .purple-hover:hover, #wrapper .active .purple-hover { color:#722182; } a.purple:hover,a.purple:visited,a.purple:active { color:#722182; } .green, .green a, #wrapper .green-hover:hover, #wrapper .active .green-hover { color:#6bc048; } a.green:hover,a.green:visited,a.green:active { color:#6bc048; } .yellow, .yellow a, #wrapper .yellow-hover:hover, #wrapper .active .yellow-hover { color:#fddb00; } a.yellow:hover,a.yellow:visited,a.yellow:active { color:#fddb00; } .underline { background-color:#DCDCDC; height:1px; margin-bottom:10px; margin-top:10px; } .container { margin:auto; width:940px; } .gray {color: #5a6771;} /* clearfix classes */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } * html .clearfix { zoom:1; } /* IE6 */ *:first-child+html .clearfix { zoom:1; } /* IE7 */ .clear { clear:both; float:none; height:0; } /* page sections */ .container h2 { font-weight:700; line-height:1; margin-bottom:20px; font-size:30px; } .container h2.yellow { text-shadow:0px 0px 1px #FFF; } .hero { height:337px; background-image:url(https://www.yextstatic.com/cms/spark/3/herobg.jpg); background-repeat:repeat-x; border-top:1px solid #FFF; } .hero-light { background-image:url(/img/herobg_light.jpg); } .hero-red { background-image:url(https://www.yextstatic.com/cms/spark/3/herobg_red.jpg); height:102px; } .hero-green { background-image:url(https://www.yextstatic.com/cms/spark/3/herobg_green.jpg); height:102px; } .hero-yellow { background-image:url(/img/herobg_yellow.jpg); height:102px; } .hero-purple { background-image:url(/img/herobg_purple.jpg); height:102px; } .hero .container { height:443px; background-repeat:no-repeat; background-position:338px 33px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .hero-inner { padding-top:40px; background-image:url(https://www.yextstatic.com/cms/spark/3/heroshadow.jpg); background-repeat:no-repeat; background-position:top center; } .hero .hero-text { width:390px; position:relative; } .hero p { font-size:12px; color:#333333; line-height:18px; margin-bottom:20px; } .hero .tagline { font-weight:700; margin-bottom:8px; } .hero .pdf { display:block; position:absolute; bottom:2px; right:5px; background-image:url(/img/icon_pdf.gif); background-position:right; padding-right:21px; background-repeat:no-repeat; font-size:12px; line-height:16px; color:#888; cursor:pointer; } .pagecontent { background-color:#F5F5F5; padding-top:45px; padding-bottom:90px; } .pagecontent h3 { font-size:28px; line-height:30px; font-weight:500; margin-bottom:22px; } .pagecontent-summary { margin-bottom:78px; font-size:12px; color:#333333; line-height:18px; } .accordion { float:left; width:275px; } .accordion-row { margin-bottom:20px; cursor:pointer; } .accordion-row.active { margin-bottom:20px; } .accordion-row .accordion-arrow { float:left; margin-right:16px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left-width:6px; border-left-style:solid; } .accordion-row.active .accordion-arrow { margin-top:3px; margin-right:10px; border-bottom:none; border-left:6px solid transparent; border-right:6px solid transparent; border-top-width:6px; border-top-style:solid; } .light-blue .accordion-arrow { border-left-color:#38b5e6; } .light-blue .active .accordion-arrow {border-top-color:#38b5e6; } .red .accordion-arrow { border-left-color:#e31d1a; } .red .active .accordion-arrow {border-top-color:#e31d1a; } .purple .accordion-arrow { border-left-color:#722182; } .purple .active .accordion-arrow {border-top-color:#722182; } .green .accordion-arrow { border-left-color:#6bc048; } .green .active .accordion-arrow {border-top-color:#6bc048; } .yellow .accordion-arrow { border-left-color:#fddb00; } .yellow .active .accordion-arrow {border-top-color:#fddb00; } .accordion-right { float:left; max-width:253px; } .accordion-row .accordion-title { text-transform:uppercase; color:#A2A2A2; font-weight:500; font-size:12px; line-height:12px; } .light-blue .accordion-row.active .accordion-title { color:#38b5e6; } .red .accordion-row.active .accordion-title { color:#e31d1a; } .purple .accordion-row.active .accordion-title { color:#722182; } .green .accordion-row.active .accordion-title { color:#6bc048; } .yellow .accordion-row.active .accordion-title { color:#fddb00; } .accordion-row .accordion-text { font-size:12px; line-height:12px; padding-top:10px; display:none; } .accordion-row.active .accordion-text { display:block; } .ss { float:left; width:665px; background-repeat:no-repeat; background-position:top; position:relative; } /* bubbles */ #bubble { position:absolute; display:none; padding:10px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 0 2px #fff, 0 0 15px 2px #666; -moz-box-shadow: 0 0 0 2px #fff, 0 0 15px 2px #666; box-shadow: 0 0 0 2px #fff, 0 0 15px 2px #666; z-index: 100; } #bubble:before, #bubble:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; width: 0; } #bubble:before { bottom: -12px; border-width: 12px 12px 0; border-style: solid; border-color: #FFF rgba(0, 0, 0, 0); } #bubble:after { bottom: -9px; border-width: 9px 9px 0; border-style: solid; } #bubble-text { text-transform:uppercase; line-height:1; font-size: 12px; font-weight: 500; } #bubble-close { cursor:pointer; position:absolute; top:3px; right:3px; width:11px; height:11px; background-image:url(/img/close-button_sprite.png); } #bubble.light-blue { border-top: 1px solid #b1e1f5; border-left: 1px solid #d5f0fc; background: #e6f8ff; /* Old browsers */ background: -moz-linear-gradient(top, #e6f8ff 55%, #ade7fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#e6f8ff), color-stop(100%,#ade7fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6f8ff 55%,#ade7fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6f8ff 55%,#ade7fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6f8ff 55%,#ade7fd 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6f8ff 55%,#ade7fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f8ff', endColorstr='#ade7fd',GradientType=0 ); /* IE6-9 */ } #bubble.light-blue:after { border-color: #ADE7FD rgba(0, 0, 0, 0); } #bubble.light-blue #bubble-close { background-position:-5px -4px; } #bubble.red { border-top: 1px solid #f1b4b3; border-left: 1px solid #f0b5b4; background: #f6d8d8; /* Old browsers */ background: -moz-linear-gradient(top, #f6d8d8 55%, #ec8786 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#f6d8d8), color-stop(100%,#ec8786)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6d8d8 55%,#ec8786 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6d8d8 55%,#ec8786 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6d8d8 55%,#ec8786 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6d8d8 55%,#ec8786 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d8d8', endColorstr='#ec8786',GradientType=0 ); /* IE6-9 */ } #bubble.red:after { border-color: #ec8786 rgba(0, 0, 0, 0); } #bubble.red #bubble-close { background-position:-24px -4px; } #bubble.green { border-top: 1px solid #78c75b; border-left: 1px solid #b4e89f; background: #d5f7c7; /* Old browsers */ background: -moz-linear-gradient(top, #d5f7c7 55%, #99dc7d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#d5f7c7), color-stop(100%,#99dc7d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5f7c7 55%,#99dc7d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5f7c7 55%,#99dc7d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5f7c7 55%,#99dc7d 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5f7c7 55%,#99dc7d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5f7c7', endColorstr='#99dc7d',GradientType=0 ); /* IE6-9 */ } #bubble.green:after { border-color: #99dc7d rgba(0, 0, 0, 0); } #bubble.green #bubble-close { background-position:-45px -4px; } #bubble.purple { border-top: 1px solid #885193; border-left: 1px solid #ac85b4; background: #dfd2e2; /* Old browsers */ background: -moz-linear-gradient(top, #dfd2e2 55%, #bc98c3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#dfd2e2), color-stop(100%,#bc98c3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dfd2e2 55%,#bc98c3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dfd2e2 55%,#bc98c3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dfd2e2 55%,#bc98c3 100%); /* IE10+ */ background: linear-gradient(to bottom, #dfd2e2 55%,#bc98c3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfd2e2', endColorstr='#bc98c3',GradientType=0 ); /* IE6-9 */ } #bubble.purple:after { border-color: #bc98c3 rgba(0, 0, 0, 0); } #bubble.purple #bubble-close { background-position:-65px -4px; } #bubble.yellow { border-top: 1px solid #fcf1af; border-left: 1px solid #fcf1af; background: #fefdf8; /* Old browsers */ background: -moz-linear-gradient(top, #fefdf8 55%, #fdf9e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#fefdf8), color-stop(100%,#fdf9e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefdf8 55%,#fdf9e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefdf8 55%,#fdf9e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefdf8 55%,#fdf9e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefdf8 55%,#fdf9e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdf8', endColorstr='#fdf9e1',GradientType=0 ); /* IE6-9 */ } #bubble.yellow:after { border-color: #fdf9e1 rgba(0, 0, 0, 0); } #bubble.yellow #bubble-close { background-position:-85px -4px; } /* topnav */ .top { height:40px; background-image:url(https://www.yextstatic.com/cms/spark/3/navbg.png); background-repeat:repeat-x; } .navlogo { display:block; background-image:url(https://www.yextstatic.com/cms/spark/3/navlogo.png); float:left; width:64px; height:29px; margin-top:6px; margin-right:44px; } #topnav-container { position: relative; z-index: 1; -webkit-box-shadow: 0 0 6px 3px #bababa; -moz-box-shadow: 0 0 6px 3px #bababa; box-shadow: 0 0 6px 3px #bababa; } #topnav { float:left; width: 718px; } #topnav .navdivider { float:left; width:2px; height:40px; background-image:url(https://www.yextstatic.com/cms/spark/3/navdivider.png); } #topnav a, #topnav a:visited { float:left; display:block; width:177px; height:40px; text-align:center; color:#717171; font-size:14px; line-height:40px; font-weight:700; } #topnav a:hover { color:#717171; text-decoration:none; background-image:url(https://www.yextstatic.com/cms/spark/3/navbg_hover.png); } #topnav a:active, #topnav .on, #topnav .on:visited, #topnav .on:hover, #topnav .on:active { color:#FFF; text-decoration:none; background-image:url(https://www.yextstatic.com/cms/spark/3/navbg_on.png); } .signin { float:left; margin-left:38px; } .signin a, .signin a:visited { color:#717171; font-size:12px; line-height:40px; font-weight:400; } .signin a:hover, .signin a:active { color:#00a5e4; text-decoration:underline; } /* subnavs */ .subnav-outer { border-bottom: 1px solid #bdbdbd; background-color:#FFF; } .subnav-outer .container { overflow: visible; } .subnav { background-color:#fff; margin-top:0; position:relative; z-index:0; } .subnav, .sub-subnav { padding-left:0; } .subnav { margin-top:0; margin-bottom:0; } .subnav li { float:left; margin-right:155px; line-height:40px; margin-bottom:0; background-position:center bottom; background-repeat:no-repeat; position:relative; } .subnav li:last-child, .sub-subnav li:last-child { margin-right:0; } .subnav li:after { content: ""; position: absolute; bottom: -9px; width:0; left: 0; right: 0; margin: 0 auto; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transition:.5s bottom; -moz-transition:.5s bottom; transition:.5s bottom;} .subnav li:after { bottom: 0; border-bottom: 0px solid transparent; -webkit-transition:.5s border; -moz-transition:.5s border; transition:.5s border; } .subnav li:hover:after, .subnav li.active:after { } .subnav li.light-blue:hover:after, .subnav li.light-blue.active:after { border-bottom: 9px solid #38B5E6; } .subnav li.red:hover:after, .subnav li.red.active:after { border-bottom:9px solid #e31d1a; } .subnav li.purple:hover:after, .subnav li.purple.active:after { border-bottom:9px solid #722182; } .subnav li.green:hover:after, .subnav li.green.active:after { border-bottom:9px solid #6bc048; } .subnav li.yellow:hover:after, .subnav li.yellow.active:after { border-bottom:9px solid #fddb00; } .subnav li a { position:relative; top:2px; font-weight:500; line-height:40px; display:block; height:40px; } .subnav.animate li:nth-child(1) { -webkit-animation: .5s open-1; -moz-animation: .5s open-1; animation: .5s open-1; } .subnav.animate li:nth-child(2) { -webkit-animation: .5s open-2; -moz-animation: .5s open-2; animation: .5s open-2; } .subnav.animate li:nth-child(3) { -webkit-animation: .5s open-3; -moz-animation: .5s open-3; animation: .5s open-3; } .subnav.animate li:nth-child(4) { -webkit-animation: .5s open-4; -moz-animation: .5s open-4; animation: .5s open-4; } .subnav.animate li:nth-child(5) { -webkit-animation: .5s open-5; -moz-animation: .5s open-5; animation: .5s open-5; } .subnav li a:hover { text-decoration:none; } .subnav.products li:last-child { text-align:left; } .arrow { width:12px; height:9px; position:absolute; bottom:0; } /* sub-subnavs */ .subsubnav { background-color:#FFF; border-bottom:1px solid #c4c5c6; background-image:url(/img/subsubnavshadow.jpg); background-repeat:no-repeat; background-position:center top; } .sub-subnav li { float:left; width:130px; margin:12px 0 12px 0; } .enterprise.sub-subnav li { width: 120px; } .sub-subnav li:last-child { width: 95px; } .sub-subnav .icon { display:inline-block; width:55px; height:55px; background-image:url(https://www.yextstatic.com/cms/spark/3/sub-subnav_sprite.png); margin-bottom:5px; } .sub-subnav a { color:#a2a2a2; max-width:95px; display:block; text-align:center; } .sub-subnav a:hover { text-decoration:none; } .sub-subnav a:active .icon { position:relative; top:1px; left:1px; } .sub-subnav .text { font-weight:500; font-size:11px; line-height:13px; text-transform:uppercase; text-align:center; display:block; } .sub-subnav.listings .text { font-size:9px; } .sub-subnav.listings li { height:81px; } .sub-subnav.listings .icon { margin-bottom:2px; } /* products/locationcms */ .geodata a .icon, .powerlistings a .icon { background-position:0 0; } .geodata a:hover .icon, .geodata.active .icon { background-position:0 -72px; } .rich-content a .icon { background-position:-72px 0; } .rich-content a:hover .icon, .rich-content.active .icon { background-position:-72px -72px; } .multi-loc a .icon { background-position:-144px 0; } .multi-loc a:hover .icon, .multi-loc.active .icon { background-position:-144px -72px; } .access-controls a .icon { background-position:-216px 0; } .access-controls a:hover .icon, .access-controls.active .icon { background-position:-216px -72px; } .international a .icon { background-position:-288px 0; } .international a:hover .icon, .international.active .icon { background-position:-288px -72px; } .import-export a .icon { background-position:-360px 0; } .import-export a:hover .icon, .import-export.active .icon { background-position:-360px -72px; } .google-export a .icon { background-position:-288px 0; } .google-export a:hover .icon, .google-export.active .icon { background-position:-288px -72px; } /* products/social */ .posting a .icon { background-position:0 -144px; } .posting a:hover .icon, .posting.active .icon { background-position:0 -216px; } .foursquare a .icon { background-position:-72px -144px; } .foursquare a:hover .icon, .foursquare.active .icon { background-position:-72px -216px; } .facebook a .icon { background-position:-144px -144px; } .facebook a:hover .icon, .facebook.active .icon { background-position:-144px -216px; } .reviews a .icon { background-position:-216px -144px; } .reviews a:hover .icon, .reviews.active .icon { background-position:-216px -216px; } .googleplus a .icon { background-position:-288px -144px; } .googleplus a:hover .icon, .googleplus.active .icon { background-position:-288px -216px; } /* products/pages */ .location a .icon { background-position:0px -1008px; } .location a:hover .icon, .location.active .icon { background-position:0px -1080px; } .directory a .icon { background-position:-72px -1008px; } .directory a:hover .icon, .directory.active .icon { background-position:-72px -1080px; } .landing a .icon { background-position:-144px -1008px; } .landing a:hover .icon, .landing.active .icon { background-position:-144px -1080px; } .widgets a .icon { background-position:-216px -1008px; } .widgets a:hover .icon, .widgets.active .icon { background-position:-216px -1080px; } /* products/listings */ .powerlistings a .icon { background-position:0px -288px ; } .sub-subnav .powerlistings a:hover .icon, .sub-subnav .powerlistings.active .icon { background-position:0 -360px; } .realtimeupdates a .icon { background-position:-72px -288px ; } .realtimeupdates a:hover .icon, .realtimeupdates.active .icon { background-position:-72px -360px; } .reporting a .icon { background-position:-144px -288px ; } .reporting a:hover .icon, .reporting.active .icon { background-position:-144px -360px; } .dualsync a .icon { background-position:-216px -288px ; } .dualsync a:hover .icon, .dualsync.active .icon { background-position:-216px -360px; } .duplicatesuppression a .icon { background-position:-288px -288px ; } .duplicatesuppression a:hover .icon, .duplicatesuppression.active .icon { background-position:-288px -360px; } /* products/analytics */ .sources a .icon { background-position:0px -432px ; } .sources a:hover .icon, .sources.active .icon { background-position:0 -504px; } .filters a .icon { background-position:-72px -432px ; } .filters a:hover .icon, .filters.active .icon { background-position:-72px -504px; } /* company/careers */ .careers-overview a .icon { background-position:0px -576px ; } .careers-overview a:hover .icon, .careers-overview.active .icon { background-position:0px -648px; } .cloud a .icon { background-position:-72px -576px ; } .cloud a:hover .icon, .cloud.active .icon { background-position:-72px -648px; } .engineering a .icon { background-position:-144px -576px ; } .engineering a:hover .icon, .engineering.active .icon { background-position:-144px -648px; } .students a .icon { background-position:-216px -576px ; } .students a:hover .icon, .students.active .icon { background-position:-216px -648px; } .what-to-expect a .icon { background-position:-288px -576px ; } .what-to-expect a:hover .icon, .what-to-expect.active .icon { background-position:-288px -648px; } .open-positions a .icon { background-position:-360px -576px ; } .open-positions a:hover .icon, .open-positions.active .icon { background-position:-360px -648px; } /* customers/enterprise */ .citibank a .icon { background-position:0px -720px ; } .citibank a:hover .icon, .citibank.active .icon { background-position:0px -792px; } .fortune-500 a .icon { background-position:-72px -720px ; } .fortune-500 a:hover .icon, .fortune-500.active .icon { background-position:-72px -792px; } .fortune-100 a .icon { background-position:-144px -720px ; } .fortune-100 a:hover .icon, .fortune-100.active .icon { background-position:-144px -792px; } .fortune-500-insurance a .icon { background-position:-216px -720px ; } .fortune-500-insurance a:hover .icon, .fortune-500-insurance.active .icon { background-position:-216px -792px; } .national-casual-dining a .icon { background-position:-288px -720px ; } .national-casual-dining a:hover .icon, .national-casual-dining.active .icon { background-position:-288px -792px; } .qsr a .icon { background-position:-360px -720px ; } .qsr a:hover .icon, .qsr.active .icon { background-position:-360px -792px; } .large-hotel a .icon { background-position:-432px -720px ; } .large-hotel a:hover .icon, .large-hotel.active .icon { background-position:-432px -792px; } .mid-priced-hotel a .icon { background-position:-504px -720px ; } .mid-priced-hotel a:hover .icon, .mid-priced-hotel.active .icon { background-position:-504px -792px; } /* 4th level nav for powerlistings */ .powerlistings .pagecontent-summary { margin-bottom: 30px; } .powerlistings #publishers {} .powerlistings #publishers li { float: left; width: 76px; height: 70px; font-size: 8px; text-align: center; line-height: 10px; text-transform: uppercase; } .powerlistings #publishers li a { color: #a2a2a2; } .powerlistings #publishers li a:hover { text-decoration: none; } #publishers .icon {display: block; width: 45px; height: 45px; background-image: url(/img/sprite_listings.png); margin: 0 auto;} #publishers .findlocal a .icon { background-position: -200px -200px; } #publishers .findlocal a:hover .icon, #publishers .findlocal a.active .icon { background-position: -150px -450px; } #publishers .coupons a .icon { background-position: -300px 0px; } #publishers .coupons a:hover .icon, #publishers .coupons a.active .icon { background-position: -300px -250px; } #publishers .fouroneone a .icon { background-position: -350px 0px; } #publishers .fouroneone a:hover .icon, #publishers .fouroneone a.active .icon { background-position: -350px -250px; } #publishers .ablocal a .icon { background-position: -550px -150px; } #publishers .ablocal a:hover .icon, #publishers .ablocal a.active .icon { background-position: -500px -400px; } #publishers .airyell a .icon { background-position: -400px 0px; } #publishers .airyell a:hover .icon, #publishers .airyell a.active .icon { background-position: -400px -250px; } #publishers .americantowns a .icon { background-position: -450px 0px; } #publishers .americantowns a:hover .icon, #publishers .americantowns a.active .icon { background-position: -450px -250px; } #publishers .avantar a .icon { background-position: -500px 0px; } #publishers .avantar a:hover .icon, #publishers .avantar a.active .icon { background-position: -500px -250px; } #publishers .bing a .icon { background-position: 0px 0px; } #publishers .bing a:hover .icon, #publishers .bing a.active .icon { background-position: 0 -250px; } #publishers .chamberofcommerce a .icon { background-position: -550px 0px; } #publishers .chamberofcommerce a:hover .icon, #publishers .chamberofcommerce a.active .icon { background-position: -550px -250px; } #publishers .citybot a .icon { background-position: -100px -200px; } #publishers .citybot a:hover .icon, #publishers .citybot a.active .icon { background-position: -50px -450px; } #publishers .citymaps a .icon { background-position: -350px -100px; } #publishers .citymaps a:hover .icon, #publishers .citymaps a.active .icon { background-position: -200px -450px; } #publishers .citysearch a .icon { background-position: 0px -50px; } #publishers .citysearch a:hover .icon, #publishers .citysearch a.active .icon { background-position: 0px -300px; } #publishers .citysquares a .icon { background-position: -50px -50px; } #publishers .citysquares a:hover .icon, #publishers .citysquares a.active .icon { background-position: -50px -300px; } #publishers .copilot a .icon { background-position: -100px -50px; } #publishers .copilot a:hover .icon, #publishers .copilot a.active .icon { background-position: -100px -300px; } #publishers .cricket a .icon { background-position: -150px -50px; } #publishers .cricket a:hover .icon, #publishers .cricket a.active .icon { background-position: -150px -300px; } #publishers .elocal a .icon { background-position: -200px -50px; } #publishers .elocal a:hover .icon, #publishers .elocal a.active .icon { background-position: -200px -300px; } #publishers .ezlocal a .icon { background-position: -250px -50px; } #publishers .ezlocal a:hover .icon, #publishers .ezlocal a.active .icon { background-position: -250px -300px; } #publishers .factual a .icon { background-position: -300px -50px; } #publishers .factual a:hover .icon, #publishers .factual a.active .icon { background-position: -300px -300px; } #publishers .getfave a .icon { background-position: -400px -150px; } #publishers .getfave a:hover .icon, #publishers .getfave a.active .icon { background-position: -350px -400px; } #publishers .golocal a .icon { background-position: -500px -150px; } #publishers .golocal a:hover .icon, #publishers .golocal a.active .icon { background-position: -450px -400px; } #publishers .local a .icon { background-position: -350px -50px; } #publishers .local a:hover .icon, #publishers .local a.active .icon { background-position: -350px -300px; } #publishers .localdb a .icon { background-position: -400px -50px; } #publishers .localdb a:hover .icon, #publishers .localdb a.active .icon { background-position: -400px -300px; } #publishers .localpages a .icon { background-position: -450px -50px; } #publishers .localpages a:hover .icon, #publishers .localpages a.active .icon { background-position: -450px -300px; } #publishers .mapquest a .icon { background-position: -100px 0px; } #publishers .mapquest a:hover .icon, #publishers .mapquest a.active .icon { background-position: -100px -250px; } #publishers .merchantcircle a .icon { background-position: -500px -50px; } #publishers .merchantcircle a:hover .icon, #publishers .merchantcircle a.active .icon { background-position: -500px -300px; } #publishers .metropcs a .icon { background-position: -550px -50px; } #publishers .metropcs a:hover .icon, #publishers .metropcs a.active .icon { background-position: -550px -300px; } #publishers .mojopages a .icon { background-position: 0px -100px; } #publishers .mojopages a:hover .icon, #publishers .mojopages a.active .icon { background-position: 0px -350px; } #publishers .navmii a .icon { background-position: -50px -100px; } #publishers .navmii a:hover .icon, #publishers .navmii a.active .icon { background-position: -50px -350px; } #publishers .opendi a .icon { background-position: -50px -200px; } #publishers .opendi a:hover .icon, #publishers .opendi a.active .icon { background-position: 0px -450px; } #publishers .pointcom a .icon { background-position: 0px -200px; } #publishers .pointcom a:hover .icon, #publishers .pointcom a.active .icon { background-position: -550px -400px; } #publishers .pennysaver a .icon { background-position: -100px -100px; } #publishers .pennysaver a:hover .icon, #publishers .pennysaver a.active .icon { background-position: -100px -350px; } #publishers .phonenumber a .icon { background-position: -150px -100px; } #publishers .phonenumber a:hover .icon, #publishers .phonenumber a.active .icon { background-position: -150px -350px; } #publishers .pocketly a .icon { background-position: -200px -100px; } #publishers .pocketly a:hover .icon, #publishers .pocketly a.active .icon { background-position: -200px -350px; } #publishers .showmelocal a .icon { background-position: -250px -100px; } #publishers .showmelocal a:hover .icon, #publishers .showmelocal a.active .icon { background-position: -250px -350px; } #publishers .superpages a .icon { background-position: -300px -100px; } #publishers .superpages a:hover .icon, #publishers .superpages a.active .icon { background-position: -300px -350px; } #publishers .switchboard a .icon { background-position: -400px -100px; } #publishers .switchboard a:hover .icon, #publishers .switchboard a.active .icon { background-position: -350px -350px; } #publishers .topix a .icon { background-position: -450px -100px; } #publishers .topix a:hover .icon, #publishers .topix a.active .icon { background-position: -400px -350px; } #publishers .tupalo a .icon { background-position: -500px -100px; } #publishers .tupalo a:hover .icon, #publishers .tupalo a.active .icon { background-position: -450px -350px; } #publishers .uscity a .icon { background-position: -550px -100px; } #publishers .uscity a:hover .icon, #publishers .uscity a.active .icon { background-position: -500px -350px; } #publishers .voteforbest a .icon { background-position: -450px -150px; } #publishers .voteforbest a:hover .icon, #publishers .voteforbest a.active .icon { background-position: -400px -400px; } #publishers .whereto a .icon { background-position: 0px -150px; } #publishers .whereto a:hover .icon, #publishers .whereto a.active .icon { background-position: -550px -350px; } #publishers .whitepages a .icon { background-position: -50px -150px; } #publishers .whitepages a:hover .icon, #publishers .whitepages a.active .icon { background-position: 0px -400px; } #publishers .whiteandyellow a .icon { background-position: -350px -150px; } #publishers .whiteandyellow a:hover .icon, #publishers .whiteandyellow a.active .icon { background-position: -300px -400px; } #publishers .yahoo a .icon { background-position: -250px 0px; } #publishers .yahoo a:hover .icon, #publishers .yahoo a.active .icon { background-position: -250px -250px; } #publishers .yasabe a .icon { background-position: -100px -150px; } #publishers .yasabe a:hover .icon, #publishers .yasabe a.active .icon { background-position: -50px -400px; } #publishers .yellowbot a .icon { background-position: -150px -150px; } #publishers .yellowbot a:hover .icon, #publishers .yellowbot a.active .icon { background-position: -100px -400px; } #publishers .yellowise a .icon { background-position: -200px -150px; } #publishers .yellowise a:hover .icon, #publishers .yellowise a.active .icon { background-position: -150px -400px; } #publishers .yellowmoxie a .icon { background-position: -250px -150px; } #publishers .yellowmoxie a:hover .icon, #publishers .yellowmoxie a.active .icon { background-position: -200px -400px; } #publishers .yellowpagecity a .icon { background-position: -300px -150px; } #publishers .yellowpagecity a:hover .icon, #publishers .yellowpagecity a.active .icon { background-position: -250px -400px; } #publishers .yelp a .icon { background-position: -150px 0; } #publishers .yelp a:hover .icon, #publishers .yelp a.active .icon { background-position: -150px -250px; } #publishers .ypgg a .icon { background-position: -150px -200px; } #publishers .ypgg a:hover .icon, #publishers .ypgg a.active .icon { background-position: -100px -450px; } #publishers .yp a .icon { background-position: -300px -100px; } #publishers .yp a:hover .icon, #publishers .yp a.active .icon { background-position: -300px -350px; } /* home */ .container-home { overflow:visible; position:relative; } .billboard { background-color:#e9e9e9; background-repeat:repeat-x; } .billboard-home { background-image:url(/img/billboardshadow_home.png); height:650px; } .billboard-bottom { height:1px; background-color:#FFF; border-bottom:1px solid #c4c5c6; } .billboard-home-img { width:992px; height:584px; background-image:url(/img/billboard_home.jpg); position:absolute; top:43px; left:-51px; } .homescan { position:absolute; top:57px; left:710px; } .homescan-title { font-size:17px; color:#00a5e4; } .homescan-underline { height:1px; background-color:#00a5e4; margin-top:2px; width:198px; } .homescan-text { margin-top:16px; margin-bottom:17px; font-size:13px; } .homescan input { margin-left:1px; width:190px; color:#999; font-family:Helvetica; font-size:12px; -webkit-box-shadow:0px 1px 6px 0px #BBB inset; -moz-box-shadow:0px 1px 6px 0px #BBB inset; box-shadow:0px 1px 6px 0px #BBB inset; border:none; height:21px; padding:0 7px; } .homescan-name { margin-bottom:6px; } .homescan-number { margin-bottom:22px; } .homescan-button { margin-left:28px; width:151px; height:27px; background-image:url(/img/button_scan.png); cursor:pointer; } .homefeature { float:left; margin-top:21px; height:81px; padding-left:60px; width:252px; margin-bottom:30px; border-right:1px solid #cdd5dc; background-repeat:no-repeat; background-position:20px 0; } .homefeature-hiring { background-image:url(/img/icon_home_hiring.png); padding-right:10px; } .homefeature-network { background-image:url(/img/icon_home_network.png); padding-left:64px; width:248px; } .homefeature-whitepaper { background-image:url(/img/icon_home_intl.png); padding-left:64px; width:240px; border-right:0; } .homefeature-title { font-weight:700; color:#00a5e4; } .homefeature-text { margin-top:5px; } /* signin */ .billboard-signin { border-top:1px solid #FFF; background-image:url(/img/billboard_signin.jpg); background-repeat:no-repeat; background-position:top center; height:650px; } .signin-box { margin-top:73px; margin-left:300px; width:292px; padding:32px 18px; } /* products */ .billboard-products { border-top:1px solid #FFF; background-image:url(/img/billboardshadow_products.jpg); background-repeat:no-repeat; background-position:top center; height:650px; } .billboard-products-img { width:768px; height:575px; background-image:url(/img/billboard_products.jpg); position:absolute; top:14px; left:167px; } .billboard-products-title { position:absolute; top:222px; color:#b5b5b5; font-size:35px; font-weight:500; width:270px; text-align:center; line-height:36px; } a.bb-hover { display:block; position:absolute; height:16px; cursor:pointer; padding-top:100px; width:130px; } a.bb-hover-locationcms { left:252px; top:305px; } a.bb-hover-social { left:346px; top:425px; padding-top:90px; } a.bb-hover-pages { left:479px; top:433px; } a.bb-hover-listings { left:623px; top:440px; } a.bb-hover-analytics { left:798px; top:350px; } /* products: locationcms */ .hero-locationcms { background-image:url(/img/hero_locationcms.jpg); } .hero-locationcms .pdf { right:8px; } .ss-geodata { background-image:url(/img/ss_geodata.jpg); height:582px; } .ss-richcontent { background-image:url(/img/ss_richcontent.jpg); height:582px; } .ss-multilocation { background-image:url(/img/ss_multilocation.jpg); height:635px; } .ss-accesscontrols { background-image:url(/img/ss_accesscontrols.jpg); height:452px; } .ss-international { background-image:url(/img/ss_international.jpg); height:572px; } .ss-importexport { background-image:url(/img/ss_importexport.jpg); height:478px; } .ss-googleexport { background-image:url(/img/ss_googleexport.jpg); height:478px; } /* produtcts: social */ .hero-social { background-image:url(/img/hero_social.jpg); } .ss-posting { background-image:url(/img/ss_posting.png); height:478px; } .ss-fb { display:block; cursor:pointer; height:487px; } .ss-fb1 { background-image:url(/img/ss_fb1.jpg); } .ss-fb2 { background-image:url(/img/ss_fb2.jpg); } .ss-foursquare { background-image:url(/img/ss_foursquare.png); height:614px; } .ss-googleplus { background-image:url(/img/ss_googleplus.jpg); height:614px; } .ss-reviews { background-image:url(/img/ss_reviews.jpg); height:614px; } .pagecontent .slider { width: 100%; height: 100%; } .pagecontent .slider .slide { width: 665px; height: 100%; float: left;} /* products: pages */ .hero-pages { background-image:url(/img/hero_pages.jpg); } .hero-pages .pdf { bottom:-22px; } .ss-location { background-image:url(/img/ss_location.jpg); height:572px; } .ss-directory { background-image:url(/img/ss_directory.jpg); height:400px; } .ss-landing { background-image:url(/img/ss_landing.jpg); height:473px; } .ss-widgets { background-image:url(/img/ss_widgets.jpg); height:563px; } /* products: listings */ .hero-listings { background-image:url(/img/hero_listings.jpg); } .hero-listings .pdf { bottom:-32px; } .ss.powerlistings { background-image:url(/img/ss_powerlistings.jpg); width:940px; height:478px; } .ss.yelp { background-image:url(/img/listings/Yelp.png); height:407px; } .ss.yahoo { background-image:url(/img/listings/Yahoo.png); height:572px; } .ss.bing { background-image:url(/img/listings/Bing.png); height:383px; } .ss.mapquest { background-image:url(/img/listings/Mapquest.png); height:599px; } .ss.superpages { background-image:url(/img/ss_superpages.jpg); height:551px; } .ss.aggregators { background-image:url(/img/ss_aggregators.jpg); height:526px; } .ss.twofl { background-image:url(/img/listings/2FL.png); height:579px; } .ss.eightcoupons { background-image:url(/img/listings/8coupons.png); height:571px; } .ss.fouroneone { background-image:url(/img/listings/411.com.png); height:525px; } .ss.ablocal { background-image:url(/img/listings/ABLocal.png); height:512px; } .ss.airyell { background-image:url(/img/listings/Airyell.png); height:580px; } .ss.avantar { background-image:url(/img/listings/Avantar.png); height:566px; } .ss.chamber-of-commerce { background-image:url(/img/listings/Chamber-of-Commerce.png); height:563px; } .ss.city-squares { background-image:url(/img/listings/City-Squares.png); height:590px; } .ss.citybot { background-image:url(/img/listings/Citybot.png); height:606px; } .ss.citymaps { background-image:url(/img/listings/Citymaps.png); height:566px; } .ss.citysearch { background-image:url(/img/listings/Citysearch.png); height:583px; } .ss.copilot { background-image:url(/img/listings/CoPilot.png); height:448px; } .ss.cricket { background-image:url(/img/listings/Cricket.png); height:484px; } .ss.elocal { background-image:url(/img/listings/elocal.png); height:599px; } .ss.ez-local { background-image:url(/img/listings/EZ-Local.png); height:582px; } .ss.factual { background-image:url(/img/listings/Factual.png); height:448px; } .ss.get-fave { background-image:url(/img/listings/Get-Fave.png); height:557px; } .ss.golocal { background-image:url(/img/listings/golocal-247.png); height:569px; } .ss.local-database { background-image:url(/img/listings/Local-Database.png); height:442px; } .ss.local-pages { background-image:url(/img/listings/Local-Pages.png); height:504px; } .ss.local { background-image:url(/img/listings/Local.com.png); height:556px; } .ss.merchant-circle { background-image:url(/img/listings/Merchant-Circle.png); height:512px; } .ss.metro { background-image:url(/img/listings/Metro-411.png); height:484px; } .ss.mojopages { background-image:url(/img/listings/MojoPages.png); height:556px; } .ss.navmii { background-image:url(/img/listings/Navmii.png); height:574px; } .ss.opendi { background-image:url(/img/listings/Opendi.png); height:546px; } .ss.pennysaver { background-image:url(/img/listings/Pennysaver.png); height:539px; } .ss.phonenumber { background-image:url(/img/listings/Phonenumber.com.png); height:551px; } .ss.pocketly { background-image:url(/img/listings/Pocketly.png); height:484px; } .ss.pointcom { background-image:url(/img/listings/Pointcom.png); height:527px; } .ss.showmelocal { background-image:url(/img/listings/Showmelocal.png); height:528px; } .ss.switchboard { background-image:url(/img/listings/Switchboard.png); height:560px; } .ss.topix { background-image:url(/img/listings/Topix.png); height:491px; } .ss.tupalo { background-image:url(/img/listings/Tupalo.png); height:515px; } .ss.uscity { background-image:url(/img/listings/USCity.png); height:608px; } .ss.vote-for-the-best { background-image:url(/img/listings/Vote-for-the-Best.png); height:584px; } .ss.whereto { background-image:url(/img/listings/WhereTo.png); height:576px; } .ss.white-yellow-pages { background-image:url(/img/listings/White-&-Yellow-Pages.png); height:589px; } .ss.white-pages { background-image:url(/img/listings/White-Pages.png); height:556px; } .ss.yahoo { background-image:url(/img/listings/Yahoo.png); height:525px; } .ss.yasabe { background-image:url(/img/listings/YaSabe.png); height:616px; } .ss.yellowbot { background-image:url(/img/listings/Yellowbot.png); height:526px; } .ss.yellowise { background-image:url(/img/listings/Yellowise.png); height:638px; } .ss.yellowpagecity { background-image:url(/img/listings/YellowPageCity.png); height:586px; } .ss.ypgg { background-image:url(/img/listings/YellowPagesGoesGreen.png); height:584px; } .ss.yp { background-image:url(/img/ss_yp.jpg); height:603px; } .ss.yellowmoxie { background-image:url(/img/ss_yellowmoxie.jpg); height:603px; } .ss.american-towns { background-image:url(/img/ss_americantowns.jpg); height:603px; } /* products: analytics */ .hero-analytics { background-image:url(/img/hero_analytics.jpg); } .hero-analytics .pdf { bottom:-32px; } .ss.sources { background-image:url(/img/ss_sources.jpg); height:526px; } .ss.filters { background-image:url(/img/ss_filters.jpg); height:582px; } /* customers/enterprise */ .enterprise .hero-inner { background-image: url(/img/hero_enterprise.jpg); height:100%; width:1041px; } .enterprise .hero-text { padding-top: 105px; } .enterprise .hero-text h2 { margin-bottom: 10px; } .enterprise .hero-text p { color: #000; font-size: 18px; line-height: 22px; } .customers-logo { float:left; margin-right: 40px; margin-bottom: 50px; } .customers-text {color: #333; font-size: 18px; margin-bottom:30px; line-height: 24px; } .pagecontent .customers-header { margin-bottom: 15px; } .customers-top { overflow: hidden; } .customers-top.drop-header h3 { margin-top: 40px; } .pagecontent .customers-text.list-preface { font-weight: 700; margin-bottom: 0; } .pagecontent .list { color: #333; font-size: 18px; line-height: 24px; margin-bottom: 30px; } .pagecontent .list li { display: list-item; list-style: inside disc; } /* customers/smallbusiness */ .smallbusiness .hero-inner { background-image: url(/img/hero_smallbusiness.jpg); height:100%; position:relative; } .sbscan { width:260px; left:588px; } .sbscan .homescan-title { font-size:22px; color:#6bc048; } .sbscan .homescan-underline { background-color:#6bc048; width:256px; } .sbscan .homescan-text { font-size:15px; } .sbscan input { width:240px; } .sbscan .homescan-button { margin-left:52px; } .smallbusiness .list { width: 800px; } .smallbusiness .list li { display: block; color: #333; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 25px; } .smallbusiness .list li:before { content: '•'; color: #e31d1a; position: absolute; left: -15px; } .pagecontent .section { padding-bottom: 25px; position: relative; margin-bottom: 70px; } .smallbusiness .section.no-bottom { text-align: center; } .pagecontent .section.no-bottom:after { background-image: none; } .smallbusiness .section.no-bottom img { margin-bottom: 85px; } .pagecontent .section:after { content: ""; background-image: url(/img/divider_sprite.png); background-repeat: no-repeat; background-position: 0 -50px; display: block; width: 100%; height: 10px; border: 0; position: absolute; bottom: 0; left: 0; } .smallbusiness #features { margin-bottom: 20px; margin-top: 90px; } .smallbusiness #features div { font-size: 18px; line-height: 22px; text-align: center; padding-bottom: 72px; position: relative; font-weight: 500; } .smallbusiness #features div:before { content: ''; display: block; width: 100px; height: 105px; background-image: url(/img/customers/small_business_sprite.png); margin: auto; margin-bottom: 35px; } .trifold .item { float: left; width: 313px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; } .trifold .item:after { content: ''; display: block; width: 1px; height: 100%; background-image: url(/img/divider_sprite.png); position: absolute; right: 0; top: 0; background-position: -974px 0; } .trifold .item p { font-size: 12px; line-height: 16px; color: #333;} .trifold .item:last-child:after {width: 0; background: transparent;} .smallbusiness #features .presence:before {} .smallbusiness #features .presence:after {} .smallbusiness #features .content:before { background-position: -100px 0; } .smallbusiness #features .content:after {} .smallbusiness #features .control:before { background-position: -200px 0; } .smallbusiness #features .control:after { background-image: none; width: 0; height: 0; } .smallbusiness .links-container { margin-top: 70px; } .smallbusiness .links-container a { text-transform: uppercase; font-size: 13px; position: relative; } .smallbusiness .links-container a:hover {text-decoration: none;} .smallbusiness .links-container a:before { content: ''; display: block; width: 5px; height: 7px; background-image: url(/img/customers/small_business_sprite.png); background-position: -25px -125px; position: absolute; right: -15px; top: 6px; } .smallbusiness .links-container a:after { content: ''; display: block; width: 100%; height: 1px; background-color: #38B5E6; } .smallbusiness .links-container .left { float: left; } .smallbusiness .links-container .right { float: right; } /* partners/overview */ .hero-green .container { height:102px; } .partnersoverview .hero-inner { background-image:url(https://www.yextstatic.com/cms/spark/3/hero_partnersoverview.jpg); height:100%; width:1094px; position:relative; left:-154px; padding:0; } .hero .container.partnersoverviewsub { background-image:url(https://www.yextstatic.com/cms/spark/3/hero_partnersoverviewsub.jpg); background-position:285px 0; } .partnersoverviewsub .hero-inner { padding-top:28px; } .partnersoverviewsub .hero-text { width:470px; } .partnersoverviewsub .hero-text p { font-size:18px; color: #333333; line-height:24px; margin-bottom:50px; } .partnersoverviewsub-button { display:block; width:124px; height:27px; background-image:url(https://www.yextstatic.com/cms/spark/3/button_apply.png); cursor:pointer; border: 0; overflow: hidden; text-indent: 200%; white-space: nowrap;} .pagecontent.partners.overview { padding-top:0; background-color:#FFF; } .pagecontent.partners.overview .shadow { height:11px; width:940px; background-image:url(https://www.yextstatic.com/cms/spark/3/shadow_whitebg.jpg); margin-bottom:45px; } .pagecontent.partners.overview .shadowline { height:10px; width:940px; background-image:url(https://www.yextstatic.com/cms/spark/3/shadowline_whitebg.jpg); margin-top:55px; margin-bottom:45px; } .pagecontent.partners.overview .featurebox { float:left; width:363px; padding-top:35px; padding-left:15px; padding-right:40px; } .pagecontent.partners.overview .featurebox-title { font-size:30px; line-height:35px; padding-bottom:17px; font-weight:700; color:#6cc04a; } .pagecontent.partners.overview .featurebox-text { font-size:18px; line-height:23px; color:#333; } .pagecontent.partners.overview .pdf { display:block; background-image:url(https://www.yextstatic.com/cms/spark/3/icon_pdf.gif); margin-top:15px; background-position:left; padding-left:21px; background-repeat:no-repeat; font-size:16px; line-height:16px; color:#888; cursor:pointer; } .pagecontent.partners.overview .featurebox-image { float:left; cursor:pointer; width:511px; height:285px; } .pagecontent.partners.overview .featurebox-image.longimage { height:540px; margin-left: 58px; width: 411px; } .quoteheader { font-size:30px; line-height:30px; padding-bottom:52px; font-weight:700; color:#6cc04a; padding-left:15px; } .quotebox { float:left; margin-left:24px; margin-bottom:42px; width:436px; height:176px; background-image:url(https://www.yextstatic.com/cms/spark/3/quote_bg.png); position:relative; } .quotebox-icon { width:46px; height:28px; position:absolute; left:18px; top:42px; } .quotebox-icon-blue { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_blue.png); } .quotebox-icon-red { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_red.png); } .quotebox-icon-purple { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_purple.png); } .quotebox-icon-green { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_green.png); } .quotebox-icon-yellow { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_yellow.png); } .quotebox-icon-grey { background-image:url(https://www.yextstatic.com/cms/spark/3/quote_grey.png); } .quotebox-text { position:absolute; left:108px; top:29px; width:300px; color:#333; font-size:16px; line-height:20px; } .quotebox-signed { position:absolute; left:193px; top:122px; text-align:right; width:210px; color:#333; font-size:16px; line-height:20px; font-weight:500; } .quotebox-company { position:absolute; left:193px; top:143px; text-align:right; width:210px; color:#333; font-size:16px; line-height:20px; } .quotebox-company.red { color:#e31d1a; } .quotebox-company.purple{ color:#722182; } .quotebox-company.green{ color:#6bc048; } .quotebox-company.yellow { color:#fddb00; } .quotebox-company.blue { color:#38b5e6; } .quotebox-company.grey { color:#86939e; } /* partners/features */ .pagecontent.features { background-color: #fff; } .hero .container.features { background-image:url(https://www.yextstatic.com/cms/spark/3/hero_features.jpg); background-position:402px 0; } .features .hero-text { padding-top: 55px; } .features .hero-text p { font-size: 18px; color: #333333; line-height: 24px; } .brandedscan a .icon { background-position:0px -864px ; } .brandedscan a:hover .icon, .brandedscan.active .icon { background-position:0px -936px; } .portal a .icon { background-position:-72px -864px ; } .portal a:hover .icon, .portal.active .icon { background-position:-72px -936px; } .dashboard a .icon { background-position:-144px -864px ; } .dashboard a:hover .icon, .dashboard.active .icon { background-position:-144px -936px; } .partners-analytics a .icon { background-position:-216px -864px ; } .partners-analytics a:hover .icon, .partners-analytics.active .icon { background-position:-216px -936px; } .location-licenses a .icon { background-position:-288px -864px ; } .location-licenses a:hover .icon, .location-licenses.active .icon { background-position:-288px -936px; } .ss.powerlistings-scan { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_powerlistings_scan.png); height:471px; } .ss.partner-yext-account { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_partner_yext_account.png); height:499px; } .features .ss.materials { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_materials.png); height:519px; background-position: 0 -61px; } .features .ss.training { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_training.png); height:624px; } .features .ss.account-manager { background-image:url(/img/ss_account_manager.png); height:605px; } .features .ss.community-site { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_community_site.png); height:636px; } .features .ss.swag { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_swag.png); height:572px; } .features .ss.wizard { background-image:url(https://www.yextstatic.com/cms/spark/3/ss_wizard.png); height:669px; } .features .ss.location-licenses { background-image:url(/img/ss_location_licenses.png); height:526px; } /* partners/packages */ .hero-yellow .container { height:102px; } .packages .hero-inner { background-image:url(/img/hero_packages.jpg); height:100%; width:1072px; position:relative; left:-132px; padding:0; } .pagecontent.packages { padding-top:0; background-color:#FFF; } .packages .hero-bottom { background-image:url(/img/hero_packages_bottom.jpg); height:207px; width:449px; position:relative; left:451px; margin-bottom:83px; } .packages h3 { font-size:18px; margin-bottom:10px; float:left; width:476px; height:36px; line-height:36px; color:#53646d; font-size:26px; font-weight:700; margin-bottom:15px; } .package-divider { border-top:1px solid #94d6f1; } .package-col { float:left; height:36px; line-height:36px; font-size:15px; color:#53646d; background-repeat:no-repeat; background-position:center center; } .package-col.icon { width:21px; height: 21px; background-image: url(https://www.yextstatic.com/cms/spark/3/partner_sprite.png); position: relative; top: 8px; margin: 0 9px;} .package-col.icon.blue { background-position: 0 0; } .package-col.icon.green { background-position: -25px 0; } .package-col.icon.yellow { background-position: -50px 0; } .package-col.icon.red { background-position: -75px 0; } .package-col.icon.purple { background-position: -100px 0; } .package-col.icon.white { background-position: -125px 0; } .package-col.item { padding-left:3px; width:433px;} .package-col.short { width:115px; border-right:1px solid #FFF; text-align:center; position: relative; } .package-col.short:before { background-image: url(https://www.yextstatic.com/cms/spark/3/partner_sprite.png); background-repeat: no-repeat; display: block; width: 17px; height: 15px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .package-col.short.header { border-right:1px solid #a1afbc; color:#a2a2a2; font-weight:700; height:24px; line-height:24px; margin-top:6px; margin-bottom:12px; } /*.package-col.short.header:before { content: none; }*/ .package-col.short.blue:before { content: ''; background-position: 0 -50px; } .package-col.short.green:before { content: ''; background-position: -25px -50px; } .package-col.short.yellow:before { content: ''; background-position: -50px -50px; } .package-col.short.red:before { content: ''; background-position: -75px -50px; } .package-col.short.purple:before { content: ''; background-position: -100px -50px; } .package-col.cost { width:476px; font-weight:600; } .package-col.short.bold { font-weight:600; } .package-col.doubleshort { width:232px; font-weight:600; font-size:13px; color:#38b5e6; text-align:center; } .applylong { display:block; float:right; width:436px; height:26px; background-image:url(/img/button_apply_long.png); cursor:pointer; margin-top:25px; margin-bottom:50px; } /* partners/apply */ .hero-red .container { height:102px; } .apply .hero-inner { background-image:url(https://www.yextstatic.com/cms/spark/3/hero_apply.jpg); height:100%; width:1076px; position:relative; left:-136px; padding:0; } .pagecontent.apply { padding-top:0; background-color:#FFF; } .apply .sectiontitle { font-size:18px; line-height:26px; width:445px; color:#000; padding-top:25px; padding-bottom:15px; } .apply h3 { font-size:18px; margin-bottom:0; } .apply .list { width:500px; margin-left:15px; } .apply .list li { display:block; color:#333; font-size:12px; line-height:22px; position:relative; margin-bottom:0; } .apply .list li:before { content:'•'; color:#e31d1a; position:absolute; left:-11px; font-size: 15px; } .apply-left { float:left; width:535px; } .apply-right { float:left; width:405px; position:relative; } .applyform-outer { background-image:url(https://www.yextstatic.com/cms/spark/3/applyform.jpg); background-repeat:no-repeat; height:395px; width:389px; } .applyform { position:relative; top:-47px; padding-left:42px; width:309px; } .applyform-title { font-size:18px; line-height:24px; color:#000; width:300px; } .applyform-divider { height:1px; background-color:#B0B0B0; margin-top:13px; margin-bottom:19px; } .applyform-label { float:left; width:115px; font-size:12px; margin-bottom:10px; } .applyform input[type=text] { float:left; margin-left:1px; width:179px; color:#333; font-family:Helvetica; font-size:12px; -webkit-box-shadow:0px 1px 6px 0px #BBB inset; -moz-box-shadow:0px 1px 6px 0px #BBB inset; box-shadow:0px 1px 6px 0px #BBB inset; border:none; height:21px; padding:0 7px; } .applyform input.phone3 { width:23px; } .applyform-dash { float:left; margin:0 3px; } .applyform input.phone4 { width:40px; } .applyform-button { float:right; width:124px; height:27px; background-image:url(https://www.yextstatic.com/cms/spark/3/button_apply.png); cursor:pointer; margin-top:20px; border: 0; overflow: hidden; text-indent: 200%; white-space: nowrap;} .applyform-link, .applyform-link:visited { font-size:11px; color:#666; text-decoration:underline; display:block; float:right; margin-top:12px; margin-right:24px; } .applyform-link:hover, .applyform-link:active { text-decoration:none; color:#666; } .applyform .estar { color:#e31d1a; padding-left:3px; } .applyform .hidden { display:none; } .applyform-checklabel { font-size:10px; color:#666; position: relative; display: block; width: 100%; margin-top: 12px; text-indent: 23px; } .applyform label span { display: block; position: absolute; width: 13px; height: 13px; left: 4px; top: 3px; } .applyform label:hover { cursor: pointer; } input[type="checkbox"]:checked + .applyform-checklabel span:after { content: ''; display: block; width: 15px; height: 100%; background-image: url(https://www.yextstatic.com/cms/spark/3/partner_sprite.png); background-position: -175px 0; } .simpleselect { float: left; width: 194px; height: 29px; } .simpleselect .placeholder { font-size: 11px; line-height: 22px; color: #fff; } .simpleselect .placeholder, .applyform label span { background: rgb(138,138,138); /* Old browsers */ background: -moz-linear-gradient(top, rgba(138,138,138,1) 50%, rgba(114,114,114,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(138,138,138,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(138,138,138,1) 50%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(138,138,138,1) 50%,rgba(114,114,114,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(138,138,138,1) 50%,rgba(114,114,114,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(138,138,138,1) 50%,rgba(114,114,114,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#727272',GradientType=0 ); /* IE6-9 */ } .simpleselect .placeholder:hover { background: rgb(154,154,154); /* Old browsers */ background: -moz-linear-gradient(top, rgba(154,154,154,1) 50%, rgba(130,130,130,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(154,154,154,1)), color-stop(100%,rgba(130,130,130,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(154,154,154,1) 50%,rgba(130,130,130,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(154,154,154,1) 50%,rgba(130,130,130,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(154,154,154,1) 50%,rgba(130,130,130,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(154,154,154,1) 50%,rgba(130,130,130,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#828282',GradientType=0 ); /* IE6-9 */ } .simpleselect .placeholder:after { background-image: url(https://www.yextstatic.com/cms/spark/3/partner_sprite.png); background-position: -200px 10px;} .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { padding: 1px 10px; } /* company/about */ .hero .container.about { background-image:url(/img/hero_about.jpg); background-position:365px 0; } .history h3 { padding-top: 15px; } .about .hero-inner { padding-top:85px; } .company .section { padding-bottom: 110px; } .company .section.no-bottom { padding-bottom:0; margin-bottom:0; } .section.history { padding-bottom: 70px; } .pagecontent.company { background-color: #fff; } #update-total { position: absolute; top: 0; right: 0; } #update-total h4 { font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 14px; } #update-total .figure {z-index: 5;} #update-total .figure, #update-total .mirror { font-size: 40px; color: #38b5e6; font-weight: 500; line-height: 1; margin-top: 2px; position: relative; letter-spacing: -2px; } #update-total .figure:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: -moz-linear-gradient(top, rgba(245,245,245,0.63) 0%, rgba(255,255,255,0.32) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0.63)), color-stop(50%,rgba(255,255,255,0.32)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,0.63) 0%,rgba(255,255,255,0.32) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,0.63) 0%,rgba(255,255,255,0.32) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,0.63) 0%,rgba(255,255,255,0.32) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,0.63) 0%,rgba(255,255,255,0.32) 50%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1f5f5f5', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #update-total .mirror, .mirror { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); position: absolute; bottom: -53%; left: 0; z-index: 0; } #update-total .mirror:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: -moz-linear-gradient(top, rgba(245,245,245,1) 37%, rgba(245,245,245,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 37%,rgba(245,245,245,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 37%,rgba(245,245,245,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 37%,rgba(245,245,245,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,1) 37%,rgba(245,245,245,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#80f5f5f5',GradientType=0 ); /* IE6-9 */ } #team-showcase { margin-bottom: 30px; } #team-showcase h4 { font-size: 20px; line-height: 1; font-weight: 500; } #team-showcase h5 { font-size: 16px; line-height: 20px; font-weight: 300; margin-top: 3px; } #team-showcase p { margin-top: 20px; font-size: 12px; line-height: 18px; color: #333; } #showcase-image { float: left; margin-right: 25px; } .company .section.team #team-members-container {text-align: center;} #team-members { float: none; clear: left; display: inline-block; } #team-members li { display: block; float: left; width: 75px; height: 75px; border: 1px solid #707070; margin-right: 25px; opacity: .2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; background-repeat: no-repeat; background-size: cover; -webkit-transition: .5s opacity, .5s border; -moz-transition: .5s opacity, .5s border; transition: .5s opacity, .5s border; } #team-members li:hover, #team-members li.active { border: 1px solid #48bbe8; opacity: .99; cursor: pointer; filter: alpha(opacity=99); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";} #team-members li * { display: none; } #team-members .howard, #team-members .howard:hover, #team-members .howard.active { background-image: url(/img/leaders/howard-lerman.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/howard-lerman.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/howard-lerman.jpg', sizingMethod='scale')"; } #team-members .brian, #team-members .brian:hover, #team-members .brian.active { background-image: url(/img/leaders/brian-distelburger.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/brian-distelburger.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/brian-distelburger.jpg', sizingMethod='scale')"; } #team-members .tom, #team-members .tom:hover, #team-members .tom.active { background-image: url(/img/leaders/tom-dixon.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/tom-dixon.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/tom-dixon.jpg', sizingMethod='scale')"; } #team-members .sean, #team-members .sean:hover, #team-members .sean.active { background-image: url(/img/leaders/sean-macisaac.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/sean-macisaac.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/sean-macisaac.jpg', sizingMethod='scale')"; } #team-members .alok, #team-members .alok:hover, #team-members .alok.active { background-image: url(/img/leaders/alok-bhushan.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/alok-bhushan.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/alok-bhushan.jpg', sizingMethod='scale')"; } #team-members .wendi, #team-members .wendi:hover, #team-members .wendi.active { background-image: url(/img/leaders/wendi-sturgis.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/wendi-sturgis.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/wendi-sturgis.jpg', sizingMethod='scale')"; } #team-members .christian, #team-members .christian:hover, #team-members .christian.active { background-image: url(/img/leaders/christian-ward.jpg); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/christian-ward.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/leaders/christian-ward.jpg', sizingMethod='scale')"; } #timeline-container { height: 85px; padding-top: 165px; position: relative; } #timeline-container #line #main, #timeline-container #line #dotted div { background-color: #231f20; height: 0px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 2px solid #231f20; } #line { position: relative; left: 10px; } #line #main { width: 800px; margin-right: 5px; } #line #dotted div { width: 8px; margin-right: 8px;} #line #dotted div:last-child { position: relative; width: 5px; } #line #dotted div:last-child:after { content: ''; display:block; width: 11px; height: 17px; background-image: url(/img/company/company_sprite.png); background-position: -100px 0; position: absolute; right: -14px; top: -9px;} #dates { clear: left; } #dates .date { float: left; margin-right: 186px; font-weight: 500; color: #231f20; font-size: 16px; margin-top: 52px; position: relative;} #dates .date:before { content: ''; height: 8px; width: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 2px solid #231f20; position: absolute; left: 0; right: 0; margin: auto; top: -14px;} #dates .date:last-child { margin-right: 0; } #events { position: relative; top: -13px; z-index: 10; } #events * {display: none; } #events .event { position: absolute; display: block; height: 28px; width: 28px; top: 0; left: 0; background-image: url(/img/company/company_sprite.png); background-position: 0 0;} #events .event.active, #events .event:hover { background-position: -50px 0; cursor: pointer; } #current-event { width: 328px; border: 2px solid #dadbdc; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; position: absolute; bottom: 120px; left: 0; padding: 10px 0; } #current-event.hidden { display: none; } #current-event #event-details { background-color: #FFF; position: relative; left: -1%; width: 102%; padding-bottom: 10px; } #current-event:after { content: ''; display: block; height: 24px; width: 2px; background-color: #dadbdc; position: absolute; bottom: -24px; left: 0; right: 0; margin: auto; } #current-event.first:after { left: 21px; right: auto; margin: 0; } #current-event h4, #current-event p { padding: 0 13px;} #current-event h4 { font-size: 18px; line-height: 21px; margin-bottom: 8px; } #current-event p { font-size: 11px; line-height: 15px; color: #231f20; margin-bottom: 0; } /* company/careers */ .hero .container.careers { background-image:url(/img/hero_careers.jpg); background-position:365px 0; } .hero .container.careers.engineering { background-image:url(/img/hero_engineering.jpg); background-position:365px 0; } .hero .container.careers.students { background-image:url(/img/hero_students.jpg); background-position:365px 0; } .hero .container.careers.whattoexpect { background-image:url(/img/hero_whattoexpect.jpg); background-position:365px 0; } .hero .careers p { font-size: 18px; line-height: 24px; } .hero .careers h2 { margin-bottom: 10px; } .hero .careers .hero-inner { padding-top: 120px; } .hero .careers .hero-text { width: 400px; } .careers h3 { margin-bottom: 50px; } .careers .trifold .item, #yexters .item { padding: 0 36px; } .careers .trifold .item:before, #yexters .item:before { content: ''; background-image: url(/img/company/company_sprite.png); height: 140px; display: block; height: 164px; position: relative; left: 22px; } .careers .trifold .item.software:before { background-position: 0 -100px; width: 111px; } .careers .trifold .item.get-found:before { background-position: -125px -100px; width: 144px; } .careers .trifold .item.data:before { background-position: -275px -100px; width: 100px; left: 35px; } .careers .trifold h4, #yexters .item h4 { font-size: 18px; line-height: 22px; padding-right: 35px; margin-bottom: 4px; font-weight: 500; position: relative; z-index: 10; } .careers .trifold p, #yexters .item p { position: relative; z-index: 10; } .section.what-we-believe {padding-bottom: 70px; } .belief { background-image: url(/img/company/company_sprite.png); background-position: 0 -450px; height: 325px; float: left; width: 235px; padding: 32px; box-sizing: border-box; -moz-box-sizing: border-box; } .belief .description { margin-top: 30px; } .belief .description h5, .culture .point h5 { padding-top: 18px; font-size: 18px; line-height: 19px; font-weight: 500; text-align: center; position: relative; } .belief .description h5:before, .culture .point h5:before { content: ''; display: block; width: 18px; height: 18px; position: absolute; background-image: url(/img/company/company_sprite.png); background-position: -250px -650px; } .belief .description:before, .culture .point:after { content: ''; display: block; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #fff; width: 100%; height: 0; } .people-showcase .person a {display: block;} .people-showcase .person { float: left; margin-left: 16px; text-align: center; } .people-showcase .person .name { font-size: 18px; line-height: 1; font-weight: 500; margin-top: 15px; position: relative; display: inline-block; } .people-showcase .person .name:before { content: ''; display: block; width: 24px; height: 24px; float: left; background-image: url(/img/company/company_sprite.png); position: relative; left: -8px; top: -3px;} .people-showcase .person .name.light-blue:before { background-position: -125px 0; } .people-showcase .person .name.purple:before { background-position: -150px 0; } .people-showcase .person .name.red:before { background-position: -175px 0; } #numbers .number { float: left; width: 150px; height: 150px; background-image: url(/img/company/company_sprite.png); background-position: -250px -450px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px; position: relative; } #numbers .number.no-bg { background: transparent;} #numbers .figure { position: relative; margin: 40px 0 0; line-height: 1; z-index: 1 } #numbers .figure, #numbers .mirror { font-size: 40px; font-weight: 500; } #numbers span { font-size: 28px; } #numbers .figure:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ z-index: 10; } #numbers .mirror { bottom: 7px; left: 0; right: 0; margin: auto; position: relative; line-height: .8; margin-bottom: 10px; } #numbers .mirror:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,1) 37%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 37%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 37%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 37%,rgba(255,255,255,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 37%,rgba(255,255,255,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */ } #numbers label { text-transform: uppercase; line-height: 14px; font-size: 12px; display: block; font-weight: 700; position: relative; top: -10px } #numbers .yext-logo { background-image: url(/img/company/company_sprite.png); background-position: -215px 0; width: 102px; height: 44px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .careers .engineering-at-yext .trifold .item:before, .careers .life-at-yext .trifold .item:before {left: 0; margin: 0 auto; } .careers .trifold .item.impact:before { background-position: -400px -100px; width: 135px; } .careers .trifold .item.development:before { background-position: -553px -100px; width: 139px; top: 35px; } .careers .trifold .item.growing:before { background-position: -700px -100px; width: 108px; top: -20px; top: -1px;} .careers .trifold .item.scaling:before { background-position: 0 -300px; width: 96px; } .careers .trifold .item.learn:before { background-position: -100px -300px; width: 72px; } .careers .trifold .item.volunteering:before { background-position: -175px -300px; width: 106px; } #life-at-yext.trifold .item:before {height: 139px; } .section.our-culture { padding-bottom: 50px; } #culture-container .photo-container, #culture-container .culture {float: left; } #culture-container .culture { position: relative; top: 52px; height: 250px; background-image: url(/img/company/company_sprite.png); background-position: -800px -475px; width: 575px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 50px 0 30px; } #culture-container .photo-container { background-image: url(/img/company/company_sprite.png); background-position: -425px -475px; height: 325px; width: 330px; } #culture-container .photo-container img {position: relative; top: 65px; left: 38px; } .culture .point h5 { text-align: left; padding: 13px 10px 13px 0; text-indent: 35px; } .culture .point:last-child:after {border: none;} .careers #university-positions.trifold .item:before {left: 0; margin: auto;} .careers .trifold .item.learn-daily:before { background-position: -825px -100px; width: 105px; } .careers .trifold .item.high-impact:before { background-position: -950px -100px; width: 115px; top: 12px; } .careers .trifold .item.career:before { background-position: -1072px -100px; width: 157px; top: 22px; } .people-showcase.about .person .name:before { content: ''; width: 0; height: 0; background: none;} #interviewing.trifold .item:before { left: 0; margin: 0 auto; } #interviewing.trifold .item.phone:before { background-position: -300px -300px; width: 105px; top: 42px; } #interviewing.trifold .item.face-to-face:before { background-position: -425px -300px; width: 134px; top: 42px; position: relative; z-index: 0; } #interviewing.trifold .item.show-us:before { background-position: -576px -300px; width: 100px; top: 24px; } #we-offer h4 { padding-right: 0; } #we-offer .item { padding: 0 34px; } #we-offer.trifold .item:before { margin: 0 auto; left: 0;} #we-offer.trifold .item.food:before { background-position: -1776px -100px; width: 125px; } #we-offer.trifold .item.fun-room:before { background-position: -1950px -100px; width: 97px; } #we-offer.trifold .item.essentials:before { background-position: -2073px -100px; width: 102px; } .what-we-offer h3 { margin-bottom: 10px; } .what-we-offer .description { font-size: 18px; color: #333; line-height: 1; margin-bottom: 50px; } #yexters .item { float: left; width: 470px; box-sizing: border-box; -moz-box-sixing: border-box; padding: 0 70px 0 0; } #yexters .item.three { clear: left; } #yexters .item:before { content: ''; display: block; height: 180px; background-image: url(/img/company/company_sprite.png); margin: auto; width: 100%; left: 0; } #yexters .item.one:before { background-position: -1250px -100px; width: 113px; top: 20px; } #yexters .item.two:before { background-position: -1378px -100px; width: 107px; } #yexters .item.three:before { background-position: -1500px -100px; width: 151px; top: 20px; } #yexters .item.four:before { background-position: -1675px -100px; width: 73px; top: 10px; } #yexters .item .number { font-size: 80px; font-weight: 500; float: left; line-height: .8; width: 60px; position: relative; color: #d0d0d0; } #yexters .item .number:before { content: ''; display: block; } #yexters .item h4 { left: 0; } #yexters .item p { font-size: 12px; line-height: 16px; color: #333; } #yexters .item.one, #yexters .item.two { margin-bottom: 60px; } #yexters .number:before { content: ''; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.5) 25%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ z-index: 10; } /* company/contact */ .hero-purple .container { height:102px; } .contact .hero-inner { background-image:url(/img/hero_contact.jpg); height:100%; width:1079px; position:relative; left:-139px; padding:0; } .pagecontent.contact { padding-top:0; background-color:#FFF; } .contact-left { float:left; width:535px; } .contact-right { float:left; background-image:url(/img/hero_contact_bottom.jpg); width:369px; height:233px; } .pagecontent.contact .description { margin-top: 15px; margin-bottom: 95px; color: #000; font-size: 18px; } .pagecontent.contact h3, .pagecontent.contact .phone { text-indent: 6px; } .pagecontent.contact h3 { margin-bottom: 10px; font-weight: 600; } .pagecontent.contact .phone { margin-bottom: 65px; font-size: 18px; color: #333; } .hero.contact {height: 102px; background-image:url(/img/company/contact_bg.jpg);} .hero.contact .hero-inner { background-image: url(/img/company/contact_bg_shape.jpg); position: relative;} .hero.contact .hero-inner h2 { color: #fff; font-size: 45px; color: #fff; font-weight: 500; position: relative; top: 10px; } .hero.contact .hero-inner:before {content: ''; display: block; width: 400px; height: 600px; position: absolute; top: 0; right: 50px; background-image: url(/img/company/cans.png); background-repeat: no-repeat;} #contact-info { border-bottom: 1px solid #E1E2E2; padding-bottom: 55px; } #contact-info > div { float: left; padding:0 20px; border-right: 1px solid #e1e2e2; width: 275px; height: 308px; } #contact-info > div:first-child { padding-left: 0; } #contact-info > div:last-child { border-right: 0; } #contact-info h4 { color: #fff; text-transform: uppercase; font-weight: 400; padding: 8px 10px 4px; line-height: 1; font-size: 18px; position: relative; top: -10px; margin-bottom: 15px; background: rgb(114,33,130); /* Old browsers */ background: -moz-linear-gradient(top, rgba(114,33,130,1) 50%, rgba(114,33,130,1) 50%, rgba(75,29,124,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(114,33,130,1)), color-stop(50%,rgba(114,33,130,1)), color-stop(100%,rgba(75,29,124,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(114,33,130,1) 50%,rgba(114,33,130,1) 50%,rgba(75,29,124,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(114,33,130,1) 50%,rgba(114,33,130,1) 50%,rgba(75,29,124,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(114,33,130,1) 50%,rgba(114,33,130,1) 50%,rgba(75,29,124,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(114,33,130,1) 50%,rgba(114,33,130,1) 50%,rgba(75,29,124,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#722182', endColorstr='#4b1d7c',GradientType=0 ); /* IE6-9 */ } #contact-info h5, #contact-info p { text-indent: 12px; } #contact-info h5 { font-size: 20px; line-height: 1; font-weight: 500; margin-bottom: 12px; } #contact-info p { font-size: 12px; color: #333333; margin-bottom: 25px; line-height: 1; } #contact-info div p:last-child {margin-bottom: 0;} .section.contact .address { font-size: 18px; line-height: 22px; font-weight: 500; margin-top: 20px; } /* footer */ .footer { border-top:1px solid #cdd5dc; padding-top:53px; line-height:13px; text-align:center; padding-bottom:50px; } .footer-sub { border:0; background-color:#F5F5F5; padding-top:0; } .footer a { font-size:11px; color:#a2a2a2; text-decoration:none; padding:0 35px; border-right:1px solid #e0e0e0; } .footer a:hover { text-decoration:underline; } .footer a.last { border:0; } /* ? */ @-webkit-keyframes open-1 { from { opacity:0; -webkit-transform:translate3d( 210px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -15.6px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -10.3px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 4.5px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.9px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -1.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.8px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.4px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-2 { from { opacity:0; -webkit-transform:translate3d( 235px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 30% { opacity:1; -webkit-transform:translate3d( -9.3px, 4.1px, 0); } 35% { opacity:1; -webkit-transform:translate3d( -6.1px, 2.7px, 0); } 40% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.7px, -1.2px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 1.7px, -0.8px, 0); } 55% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.8px, 0.3px, 0); } 65% { opacity:1; -webkit-transform:translate3d( -0.5px, 0.2px, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0.1px, -0.1px, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 95% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-3 { from { opacity:0; -webkit-transform:translate3d( 225px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -11.8px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -7.8px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 3.4px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.2px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -0.1px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.6px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-4 { from { opacity:0; -webkit-transform:translate3d( 150px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -3.3px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -2.2px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 0.9px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 0.6px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -0.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.2px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.1px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-5 { from { opacity:0; -webkit-transform:translate3d( 50px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 3.6px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( 2.4px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( -1px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( -0.7px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( 0.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( 0.2px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-moz-keyframes open-1 { from { opacity:0; -moz-transform:translate3d( 210px, -145px, 0); } 25% { opacity:1; -moz-transform:translate3d( -15.6px, 4.1px, 0); } 30% { opacity:1; -moz-transform:translate3d( -10.3px, 2.7px, 0); } 35% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -moz-transform:translate3d( 4.5px, -1.2px, 0); } 45% { opacity:1; -moz-transform:translate3d( 2.9px, -0.8px, 0); } 50% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -moz-transform:translate3d( -1.3px, 0.3px, 0); } 60% { opacity:1; -moz-transform:translate3d( -0.8px, 0.2px, 0); } 65% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -moz-transform:translate3d( 0.4px, -0.1px, 0); } 75% { opacity:1; -moz-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -moz-transform:translate3d( 0, 0, 0); } } @-moz-keyframes open-2 { from { opacity:0; -moz-transform:translate3d( 235px, -145px, 0); } 25% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 30% { opacity:1; -moz-transform:translate3d( -9.3px, 4.1px, 0); } 35% { opacity:1; -moz-transform:translate3d( -6.1px, 2.7px, 0); } 40% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 45% { opacity:1; -moz-transform:translate3d( 2.7px, -1.2px, 0); } 50% { opacity:1; -moz-transform:translate3d( 1.7px, -0.8px, 0); } 55% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 60% { opacity:1; -moz-transform:translate3d( -0.8px, 0.3px, 0); } 65% { opacity:1; -moz-transform:translate3d( -0.5px, 0.2px, 0); } 70% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -moz-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -moz-transform:translate3d( 0.1px, -0.1px, 0); } 85% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } 95% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -moz-transform:translate3d( 0, 0, 0); } } @-moz-keyframes open-3 { from { opacity:0; -moz-transform:translate3d( 225px, -145px, 0); } 25% { opacity:1; -moz-transform:translate3d( -11.8px, 4.1px, 0); } 30% { opacity:1; -moz-transform:translate3d( -7.8px, 2.7px, 0); } 35% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -moz-transform:translate3d( 3.4px, -1.2px, 0); } 45% { opacity:1; -moz-transform:translate3d( 2.2px, -0.8px, 0); } 50% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -moz-transform:translate3d( -0.1px, 0.3px, 0); } 60% { opacity:1; -moz-transform:translate3d( -0.6px, 0.2px, 0); } 65% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -moz-transform:translate3d( 0.2px, -0.1px, 0); } 75% { opacity:1; -moz-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -moz-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -moz-transform:translate3d( 0, 0, 0); } } @-moz-keyframes open-4 { from { opacity:0; -moz-transform:translate3d( 150px, -145px, 0); } 25% { opacity:1; -moz-transform:translate3d( -3.3px, 4.1px, 0); } 30% { opacity:1; -moz-transform:translate3d( -2.2px, 2.7px, 0); } 35% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -moz-transform:translate3d( 0.9px, -1.2px, 0); } 45% { opacity:1; -moz-transform:translate3d( 0.6px, -0.8px, 0); } 50% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -moz-transform:translate3d( -0.3px, 0.3px, 0); } 60% { opacity:1; -moz-transform:translate3d( -0.2px, 0.2px, 0); } 65% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -moz-transform:translate3d( 0.1px, -0.1px, 0); } 75% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } to { opacity:1; -moz-transform:translate3d( 0, 0, 0); } } @-moz-keyframes open-5 { from { opacity:0; -moz-transform:translate3d( 50px, -145px, 0); } 25% { opacity:1; -moz-transform:translate3d( 3.6px, 4.1px, 0); } 30% { opacity:1; -moz-transform:translate3d( 2.4px, 2.7px, 0); } 35% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -moz-transform:translate3d( -1px, -1.2px, 0); } 45% { opacity:1; -moz-transform:translate3d( -0.7px, -0.8px, 0); } 50% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -moz-transform:translate3d( 0.3px, 0.3px, 0); } 60% { opacity:1; -moz-transform:translate3d( 0.2px, 0.2px, 0); } 65% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -moz-transform:translate3d( 0, 0, 0); } to { opacity:1; -moz-transform:translate3d( 0, 0, 0); } } @keyframes open-1 { from { opacity:0; transform:translate3d( 210px, -145px, 0); } 25% { opacity:1; transform:translate3d( -15.6px, 4.1px, 0); } 30% { opacity:1; transform:translate3d( -10.3px, 2.7px, 0); } 35% { opacity:1; transform:translate3d( 0, 0, 0); } 40% { opacity:1; transform:translate3d( 4.5px, -1.2px, 0); } 45% { opacity:1; transform:translate3d( 2.9px, -0.8px, 0); } 50% { opacity:1; transform:translate3d( 0, 0, 0); } 55% { opacity:1; transform:translate3d( -1.3px, 0.3px, 0); } 60% { opacity:1; transform:translate3d( -0.8px, 0.2px, 0); } 65% { opacity:1; transform:translate3d( 0, 0, 0); } 70% { opacity:1; transform:translate3d( 0.4px, -0.1px, 0); } 75% { opacity:1; transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; transform:translate3d( 0, 0, 0); } 85% { opacity:1; transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; transform:translate3d( -0.1px, 0, 0); } to { opacity:1; transform:translate3d( 0, 0, 0); } } @keyframes open-2 { from { opacity:0; transform:translate3d( 235px, -145px, 0); } 25% { opacity:1; transform:translate3d( 0, 0, 0); } 30% { opacity:1; transform:translate3d( -9.3px, 4.1px, 0); } 35% { opacity:1; transform:translate3d( -6.1px, 2.7px, 0); } 40% { opacity:1; transform:translate3d( 0, 0, 0); } 45% { opacity:1; transform:translate3d( 2.7px, -1.2px, 0); } 50% { opacity:1; transform:translate3d( 1.7px, -0.8px, 0); } 55% { opacity:1; transform:translate3d( 0, 0, 0); } 60% { opacity:1; transform:translate3d( -0.8px, 0.3px, 0); } 65% { opacity:1; transform:translate3d( -0.5px, 0.2px, 0); } 70% { opacity:1; transform:translate3d( 0, 0, 0); } 75% { opacity:1; transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; transform:translate3d( 0.1px, -0.1px, 0); } 85% { opacity:1; transform:translate3d( 0, 0, 0); } 90% { opacity:1; transform:translate3d( -0.1px, 0, 0); } 95% { opacity:1; transform:translate3d( -0.1px, 0, 0); } to { opacity:1; transform:translate3d( 0, 0, 0); } } @keyframes open-3 { from { opacity:0; transform:translate3d( 225px, -145px, 0); } 25% { opacity:1; transform:translate3d( -11.8px, 4.1px, 0); } 30% { opacity:1; transform:translate3d( -7.8px, 2.7px, 0); } 35% { opacity:1; transform:translate3d( 0, 0, 0); } 40% { opacity:1; transform:translate3d( 3.4px, -1.2px, 0); } 45% { opacity:1; transform:translate3d( 2.2px, -0.8px, 0); } 50% { opacity:1; transform:translate3d( 0, 0, 0); } 55% { opacity:1; transform:translate3d( -0.1px, 0.3px, 0); } 60% { opacity:1; transform:translate3d( -0.6px, 0.2px, 0); } 65% { opacity:1; transform:translate3d( 0, 0, 0); } 70% { opacity:1; transform:translate3d( 0.2px, -0.1px, 0); } 75% { opacity:1; transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; transform:translate3d( 0, 0, 0); } 85% { opacity:1; transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; transform:translate3d( -0.1px, 0, 0); } to { opacity:1; transform:translate3d( 0, 0, 0); } } @keyframes open-4 { from { opacity:0; transform:translate3d( 150px, -145px, 0); } 25% { opacity:1; transform:translate3d( -3.3px, 4.1px, 0); } 30% { opacity:1; transform:translate3d( -2.2px, 2.7px, 0); } 35% { opacity:1; transform:translate3d( 0, 0, 0); } 40% { opacity:1; transform:translate3d( 0.9px, -1.2px, 0); } 45% { opacity:1; transform:translate3d( 0.6px, -0.8px, 0); } 50% { opacity:1; transform:translate3d( 0, 0, 0); } 55% { opacity:1; transform:translate3d( -0.3px, 0.3px, 0); } 60% { opacity:1; transform:translate3d( -0.2px, 0.2px, 0); } 65% { opacity:1; transform:translate3d( 0, 0, 0); } 70% { opacity:1; transform:translate3d( 0.1px, -0.1px, 0); } 75% { opacity:1; transform:translate3d( 0, 0, 0); } 80% { opacity:1; transform:translate3d( 0, 0, 0); } 85% { opacity:1; transform:translate3d( 0, 0, 0); } 90% { opacity:1; transform:translate3d( 0, 0, 0); } to { opacity:1; transform:translate3d( 0, 0, 0); } } @keyframes open-5 { from { opacity:0; transform:translate3d( 50px, -145px, 0); } 25% { opacity:1; transform:translate3d( 3.6px, 4.1px, 0); } 30% { opacity:1; transform:translate3d( 2.4px, 2.7px, 0); } 35% { opacity:1; transform:translate3d( 0, 0, 0); } 40% { opacity:1; transform:translate3d( -1px, -1.2px, 0); } 45% { opacity:1; transform:translate3d( -0.7px, -0.8px, 0); } 50% { opacity:1; transform:translate3d( 0, 0, 0); } 55% { opacity:1; transform:translate3d( 0.3px, 0.3px, 0); } 60% { opacity:1; transform:translate3d( 0.2px, 0.2px, 0); } 65% { opacity:1; transform:translate3d( 0, 0, 0); } 70% { opacity:1; transform:translate3d( 0, 0, 0); } 75% { opacity:1; transform:translate3d( 0, 0, 0); } 80% { opacity:1; transform:translate3d( 0, 0, 0); } 85% { opacity:1; transform:translate3d( 0, 0, 0); } 90% { opacity:1; transform:translate3d( 0, 0, 0); } to { opacity:1; transform:translate3d( 0, 0, 0); } }